1. css 규칙
선택자 {
속성 : 속성값;
}
2. id 만들기
<태그 id="아이디">
3. id 선택자
#아이디 {
}
아이디는 중복해서 만들지 않는다.
4. class 만들기
<태그 class="클래스">
5. class 선택자
.클래스{
}
6. css파일 링크하기
<link rel="stylesheet" href="./style.css" />
rel : relationship 관계
7. 개발자도구에서 확인하는 user agent stylesheet
웹브라우저에서 제공하는 기본 스타일
8. RGBA
RGB에 불투명도 Alpha를 추가한 것
ex) rgba(255, 0, 0, 0.5)
9. 다양한 크기 단위
- 절대단위
픽셀 px
- 상대단위
% em rem vh vw
%는 부모 태그에 대해서 상대적인 크기
em은 부모 태그의 폰트 크기 기준 배율
rem은 html 태그의 폰트 크기 기준 배율
vh 브라우저 창의 높이 기준으로 0~100의 크기
vw 브라우저 창의 넓이 기준으로 0~100의 크기
10. 텍스트스타일링
line-height 줄 높이 폰트크기 기준 1 >> 폰트 사이즈 2 >>> 2배
text-decoration :
none 없음 underline 밑줄 line-through 취소선
'학습 > CSS' 카테고리의 다른 글
| [CSS]FlexBox (0) | 2023.10.19 |
|---|---|
| [CSS]포지션(position) (0) | 2023.10.19 |
| [CSS]선택자, 가상클래스, cascade (0) | 2023.10.18 |
| [CSS]CSS 기본 정리 - 3 (0) | 2023.10.18 |
| [CSS]CSS 기본 정리 - 1 (1) | 2023.10.17 |