HTML_CSS

CSS 입문 font, text 관련

Will_ 2022. 9. 15. 12:31
반응형

CSS 중 font는 기본적인 내용이다.

 

- font-family , font-size 속성 - font-style, font-weight, line-height 속성 - text-align, text-decoration 속성

 

font-family: 글씨체를 정할 수 있으며, 브라우저에 따라 지원이 되지 않을 경우 그 다음 글씨체로 시도한다.

설정한 것들이 모두 지원되지 않으면 브라우저 기본 글씨체로 표현된다.

 

font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;   // 왼쪽 글씨체부터 시도 된다.

 

font-style: italic; // 기울임꼴로 표현됨.

font-weight: 10px; or font-weight:bold; // 글씨 굵기를 정함.

font-size: 10px; // 글씨 크기를 정함.

line-height: 10px; // 행간을 정함. 행과 행 사이 간격. 이 값을 조절하여 Text가 block 중심에 오도록 조절할 수 있음.

text-align: center; // 글 정렬 시 사용. 왼쪽, 가운데, 오른쪽 정렬 등으로 사용가능.

text-decoration: underline; // 글에 밑줄 표현. a 태그에 none 사용 시 밑줄 표현 제거 가능.

반응형