본문 바로가기
웹/CSS

[코딩 공부_19] CSS, 글자에 적용하는 스타일들

by BEE_0o0 2021. 3. 5.

① 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, rgb, rgba

 

⑦ text-decoration : 텍스트 줄 표시/제거

 - value : none, underline, overlilne, line-through

 

⑧ text-transform : 텍스트를 대/소문자 변환

 - value : none, capitalize, uppercse, lowercase

 

⑨ text-align / text-align-last : 문자 정렬 방법을 지정하는 속성

 - value : center, left, right, justify

 

⑩ text-indent : 첫 글자 들여쓰기 수준, px 등을 이용해서 들여쓰기

 - value : px, em, pt, %, rem

 

활용 )

 

border: 1px solid black; → 검정선을 1px 굵기로 주세요!

<style>
    p {
        border: 1px solid black;
    }
</style>
<p>알러부</p>

 

댓글