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 사용 시 밑줄 표현 제거 가능.
반응형