반응형
css 글자 세팅(글꼴, 크기, 정렬, 색상)
font-family : 글꼴
font-size : 크기
font-aligh : 정렬 방식
color : 색깔
|
1
2
3
4
5
6
|
font-family
*{
font-family: 글꼴1, 글꼴2, 글꼴3;
}
-글꼴1을 우선 지정하되, 지원안될시 글꼴2-> 글꼴3을 지정
|
cs |
font-size
px - 모니터 상의 화소 하나 크기에 대응하는 절대적인 크기
rem - html 태그의 font-size에 대응하는 상대적인 크기
em - 상위태그에 font-size에 대응하는 상대적인 크기
|
1
2
3
4
5
6
7
8
9
10
11
12
|
text-aligh
left/ right - 왼쪽, 오른쪽 정렬
center - 가운데 정렬
justify - 양끝 정렬
예시) p{ text-aligh: right; }
color
색상 지정 - 예) span{ color: red; }
rgb - 예) span{ color: #00ff00; }
rgb함수 - 예) span{ color: rgb(0%, 100%, 0%); }
|
cs |
반응형
'coding > css(sass,tailwind,materialUi)' 카테고리의 다른 글
| css 풀배경으로 설정하기 (0) | 2022.07.30 |
|---|---|
| css 글 센터설정 (0) | 2022.07.30 |
| css 블록레벨, 인라인레벨, display속성, border속성 (0) | 2022.06.23 |
| css선택자, 우선순위 (0) | 2022.06.23 |
| css연결양식 (0) | 2022.06.23 |