[코딩 공부_22] CSS, display 속성에 대하여
CSS에서 가장 중요하고 가장 많이 실수하는 부분이라고 하는 display 속성에 대하여 알아보자! ① inline → span, a, em, br, b, strong, mark, video SPAN - 전후 줄 바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치된다. (한줄에 여러 개 배치) ** width와 height 속성을 가질 수 없다 ** 상하 마진을 가질 수 없다 (but 패딩은 가능) ② block → div, table, header, nav, footer, section, article, aside, p, bolockquote, ul, ol, li, td, th, form, hr, h1~h6 H1 hello DIV Page - 한줄에 한개만 배치가 된다 - 기본 너비값은 100% (100..
2021. 3. 8.
[코딩 공부_19] CSS, 글자에 적용하는 스타일들
① font-size : 폰트의 크기를 지정한다 - value : px, em, pt, %, rem ② font-weight : 폰트의 굵기를 지정한다 - value : 100 ~ 900, bold, bolder, lighter, normal (400 = normal, 700 = bold, 부모요소에 따라 bolder, lighter) ③ line- height : 줄의 높이를 지정한다 - value : px, em, pt, %, rem ④ font-family : 폰트를 지정한다 - value : px, em, pt, %, rem ⑤ font-style : 문자 스타일(기울림체) - value : normal, italic, obique ⑥ color : 색상을 지정한다 - value : hexcode..
2021. 3. 5.
