html 공부 06.03

<div>
<section></section> <- 자식
<section></section>
</div> <- 부모관계

div > section { // 부모가 div인 섹션만  칠해짐
width:100px;
height:100px;
border:10px solid red;
}



<section></section>
<section id ="ff" class="dd ff"></section>
<section></section>
<section></section>
<section></section>

 

#ff{   // 아이디는 레어라서 하나만 존재해야됨 -> #FF  아이디 불러오기 
    width:100px;
    height:100px;
    border:10px solid red;
}

 

#ff{   // 아이디는 레어라서 하나만 존재해야됨 -> #FF  아이디 불러오기 
    width:100px;
    height:100px;
    border:10px solid red;
}

html는 문서를 보여주는거라면

css는 html 을 꾸며주는 역할 (엘리먼트)

 

<div></div>

<section></section>

<article></article>

<nav></nav>

이름은 다르지만 똑같어

font-size:3rem; -> 폰트 기존의 3배

font-weight:bold;

display:inline-block;  엘리먼트 최대한 가로로 쌓이게.

display:block : 엘리먼트 최대한 세로로 쌓이게.

 

display:flex;

justify_content:space-between;

-> article안에 또다른 엘리먼트를 상속시키고 부모엘리먼트한테 입력해줘야지 실행된다.