티스토리 뷰
font-size (폰트 크기 변경) 텍스트, 글자
ex. h1{font-size:16px;}
css 크기 단위 : px, rem, em, vw, vh
- px : 웹페이지에서 가장 기본이되는 크기 단위 (해상도와 관련)
해상도에서 1개의 점이 1px임.
- rem : html 태그의 폰트 크기를 기준으로 배수에 해당하는 크기를 가지게 하기 위해서 사용하는 단위
웹브라우저들의 기본 폰트 크기는 대부분 16px임.
ex. font-size: 2rem;
+ html{
font-size:20px; 를 통해 html의 폰트사이즈 변경 가능
}
- em : 부모 태그의 폰트 크기의 배수로 설정
html의 부모 자식 형제
<body> 내부의 <h1> <p>태그 동시사용
→ h1, p 태그는 서로 형제관계
→ h1, p태그의 부모는 <bdoy>태그
→ body 태그 입장에서는 h1, p태그가 자식이 됨
- vw : 웹 브라우저 화면의 가로 크기와 관련 있는 단위 1vw는 화면 가로 크기의 1/100임
- vh : 웹 브라우저 화면의 세로 크기와 관련 있는 단위 1vh는 화면 세로 크기의 1/100임
'Web > CSS' 카테고리의 다른 글
| CSS - 적용 우선순위와 개별성 (0) | 2024.02.16 |
|---|---|
| CSS - 선택자 다루기 (0) | 2024.02.16 |
| CSS - 그 외 텍스트 관련 CSS 속성들 (0) | 2024.02.15 |
| CSS - color (0) | 2024.02.14 |
| CSS란?, CSS 기본 문법 (0) | 2024.02.14 |