-
[CSS] 텍스트 관련 속성WEB/CSS 2024. 5. 24. 13:27
1. font-family
: 텍스트의 글꼴을 정의. 글꼴명을 속성값을 지정한다.
여러개의 글꼴을 연달아 기입하여 우선순위를 지정할 수 있다.
* { font-family: Times,돋움,monospace; }위 코드의 경우, Times를 우선지정하되, 지원되지 않을 경우 monospace를 지정한다.
2. font-size
: 글자크기를 정의
단위 의미 px 모니터 상의 화소 하나 크기에 대응하는 절대적인 크기 rem <html>태그의 font-size 에 대응하는 크기
(즉, 최상위태그인 html태그의 크기의 몇배수만큼의 크기 지정.)em 부모태그(상위태그)의 font-size에 대응하는 크기
(한단계 위 태그에 대응하는 크기)span {font-size: 16px;} span {font-size: 2rem;} span {font-size: 1.5em;}3. text-align
: 정렬방식을 정의
속성값 의미 left / right 왼쪽 또는 오른쪽 정렬 center 가운데 정렬 justify 양끝 정렬 (마지막 줄 제외) p { text-align: right;}4. color
: 글자 색상을 정의
속성값 유형 방법 키워드 미리 정의된 색상별 키워드를 사용 (ex. red,blue) RGB 색상코드 # + 여섯자리 16진수 값 형태로 지정 RGB 함수 Red, Green, Blue 의 수준을 각각 정의해 지정 /*아래 3개 다 같은 red*/ span{ color: red; } span{ color: ##FF0000; } span{ color: rgb(100%, 0%, 0%); }'WEB > CSS' 카테고리의 다른 글
[CSS] 선택자 (0) 2024.04.27 [CSS] CSS란? (0) 2024.04.27