반응형
CSS 적용 순서
- 스타일을 만든다.
- HTML태그 선택
- CSS 스타일을 HTML태그에 입히기
/* 예시 */
.text-red {
color:red;
}
/*
스타일 이름 { 스타일 정의
정의한 스타일 내용
}
*/
CSS Reference - 속성 값 참조
https://www.w3schools.com/cssref/default.asp
HTML 태그 선택하는 방법
1. 태그에 직접적으로 주는 방법
2. id 를 이용하는 방법
3. class 를 이용하는 방법
가장 일반적으로는 class 를 이용하는 방법으로 쓰인다.
HTML
<div class="text-red">예시용 text입니다.</div>
CSS
.text-red {
color:red;
}
반응형
'programming > HTML, CSS' 카테고리의 다른 글
[WEB] CORS (0) | 2022.06.07 |
---|---|
html 자주 사용하는 태그들 (0) | 2022.05.12 |
[tip] 아이디어를 떠올리기 좋은 사이트 (0) | 2021.09.14 |
[html] 반응형 html 페이지 (0) | 2021.09.07 |
[html] html 기본 (0) | 2021.08.21 |