0801

벨로그용·2022년 8월 1일
0

ai스쿨

목록 보기
46/60

1)학습한 내용

*html작성2페이지

<!-- section1 -->
    <section id="resoft">
        <div class="re_text">
            <h1>REsoft 소개</h1><br>
            <h2>ABOUT US</h2>
        </div>

        <div class="re_text2">
            <div class="re_tx">
                <h1>회사명</h1><h2>(주)리소프트</h2>
            </div>
            <div class="re_tx2">
                <h1>설립일</h1><h2>2021년 5월 6일</h2>
            </div>
            <div class="re_tx3">
                <h1>대표이사</h1><h2>오유나</h2>
            </div>
            <div class="re_tx4">
                <h1>주요 사업</h1><h2>모바일 플랫폼 개발</h2>
            </div>
            <div class="re_tx5">
                <h1>본사</h1><h2>대구광역시 동구 동대구로 465, 대구스케일업허브(DASH) 713호</h2>
            </div>
            <div class="re_tx6">
                <h1>부설연구소</h1><h2>대구광역시 수성구 알파시티1로 160, SW융합테크비즈센터(Dnex) 305호</h2>
            </div>
            <div class="re_tx7">
                <h1>연락처</h1><h2>TEL. (053) 475-2110 / FAX. (0504) 257-5966 / E-mail. call@resoft.kr</h2>
            </div>
        </div>

    </section>

*css작성

/* section1 */
#resoft{
    position: relative;
    width: 100%;
    height: 856px;
}
.re_text{
    position: absolute;
    left: 15%;
    top: 13%;
}
.re_text h1{
    font-size: 40px;
}
.re_text h2{
    font-size: 18px;
    color: #C8C8C8;
}
.re_text2{
    position: absolute;
    width: 100%;
    height: 500px;
    top: 30%;
}

.re_text2 h1{
    font-size: 24px;
}
.re_text2 h2{
    font-size: 20px;
    color: #959595;
}

.re_tx,.re_tx2,.re_tx3,.re_tx4,.re_tx5,.re_tx6,.re_tx7{
    display: flex;
    border-top: 2px solid #C8C8C8;
    margin: 0 10% 0 15%;
    padding: 22px;
    left: 10%;
}
.re_tx h1,.re_tx2 h1,.re_tx3 h1,.re_tx4 h1,.re_tx5 h1,.re_tx6 h1,.re_tx7 h1{
    margin: 0;
    width: 230px;
}
.re_tx7{
    border-bottom: 2px solid #C8C8C8;
}
.re_tx h2{margin: 0;}
.re_tx2 h2{margin:0;}
.re_tx3 h2{margin: 0;}
.re_tx4 h2{margin: 0;}
.re_tx5 h2{margin: 0;}
.re_tx6 h2{margin: 0;}
.re_tx7 h2{margin: 0;}

2)학습내용 중 어려웠던점

X

3)해결방법

X

4)학습소감

기초적인 마진과패딩 레프트 이런 것들로만 위치조정할수있지만 실력이 많이 늘었다는걸 실감한다

profile
안녕하세요

0개의 댓글