Today I Learned

Display

Inline요소 와 Block요소의 차이점

블록레벨 요소 : <h1>~<h6>,<p>,<table>,<ul>,<ol>,<li>,<div>...
    1.줄바꿈이 생김
    2.기본넓이가 부모넓이랑 같음

인라인 레벨 요소: <a>, <span>, <img>, <strong>, <em>...
    1.줄바꿈이 안생김
    2.기본넓이가 자식(컨텐츠)랑 같음
    3.padding 상하여백을 적용하면 부작용이 생김
    4.width,height 속성이 적용이 안됨(img는 예외)

오늘 알게 된 것들

구조 짤때는 max-width를 꼭 쓰기

li가 같은 넓이이면 padding말고 width 값을 줘야한다.

line-height:문단의 줄높이(자식요소에 상속 가능)

height를 사용해서 높이를 잡았을 시에 line-height를 사용하면 글이 중간으로 옴

일단 아는걸로 만들어 보았다

색상을 구할 때 도움되는 확장 프로그램

img일때 색상 구하기가 쉬움!