25.09.22 엘리먼트, block, inline, 글자 정렬

여는태그, /닫는태그

클래스 별명

전체는 엘리먼트라고 부름

  <main>

    <section class="all-box">

      <div class="container"></div>

    </section>

  </main>

 

뭐가 안나오면 글자써보거나 높이값 설정해보기

모든 기본값은 0으로 작동됨 

height: auto; 높이 기본값, 모든 태그는 높이가 기본값

  일 때 0으로 작동한다 = figma(hug) = 안쪽 요소 크기에

  맞춰서 크기를 가진다

 

여백은 마진: 오토 사용

 

*피그마에서는 그 뒤에거를 정렬해야 함

*block (블럭은 세로로 쌓음!)

-너비를 지정하지 않으면 상위 부모 너비만큼 너비를 가짐

-한 줄에 하나씩정렬되는 특징을 가지고 있다

*inline(글자는 가로로 작성함!)

-너비를 지정하지 않으면 하위 자식이나 후손너비만큼 너비를가짐

-한줄에 같이 정렬되는 특징을 가지고 있다.   .   

 

*글자 정렬은 텍스트얼라인 센터 사용

-상위에다가 적어야 한번에 변경됨

-제목 중앙정렬 시 타이틀 박스에!(컨테이너에 하면 그 뒤 모든거 적용됨)

 .title-box{

  background-color: #CECECE;

  text-align: center;

 }