css를 공부하면서 속성이라던지 선택자라던지가 너무 많은 것 같다. 그래서 자주 나오는 것을 한 번씩 정리 한 뒤 필요하면 그때 그때 찾아서 쓰는 것이 좋을 것 같다.
폰트
폰트의 단위
px :고정된 폰트
rem : 사용자가 가변적으로 폰트 바꾸기 가능
폰트 속성
font-size =폰트의 크기
-(px,rem)으로 단위를 준다. (rem의 경우 (태그 px*인수)px로 크기가 지정)
color= 폰트 색상
-색상의 이름,RGB값
text-align=텍스트 정렬
-justify : 텍스트 간격 균등조정
font-family =글꼴
font-height =글자들의 줄 사이의 간격 (기본값=1.2)
font=폰트의 속성을 한 번에 표현가능
순서를 지켜야 함
web font
사용자가 가지지 않는 폰트들을 웹에서 다운받아 쓰도록 한다.
웹 브라우저가 서버로부터 폰트를 다운받아서 쓴다.
사용법
1.https://fonts.google.com : 구글 무료 폰트로 가서 폰트를 고른다
2.선택한 폰트를 보는 창에서 EmBed를 클릭
3.<head>태그에 <link>태그 추가
<link href="https://fonts.googleapis.com/css?family=Inconsolata|Josefin+Sans|Ubuntu" rel="stylesheet">
4. CSS에서 다운 받은 폰트로 폰트 지정
'IT 공부 > HTML,CSS' 카테고리의 다른 글
| [CSS] css 박스모델 (0) | 2017.04.28 |
|---|---|
| stylish 사용법 (0) | 2017.04.28 |
| [CSS] - css의 선택자 (0) | 2017.04.27 |
| [CSS]- css의 기본 (0) | 2017.04.27 |
| 검색엔진에 잘 잡히는 HTML 작성 (0) | 2017.04.27 |