Style
총 4가지로 구분
1. Desktop style
2. Browser style
3. User style
4. Author style
Author style의
4가지 활용법
1. Inline style:
요소 안에 속성으로 사용.
(특수한 상황을 제외하고
실무에서는 쓰지 않음)
<div style="color:red">
2. Embedded style :
head 사이에
스타일 요소로써 사용하고
현재 작업하고 있는 문서에서만 적용.
(실무에선 거의 쓰지 않음)
<head>
<style>
</style>
</head>
3. linked style
css 파일을 별도로 만들고
불러와서 사용.
(실무에서 사용)
<head>
<link rel="stylesheet" type="text/css" href="default.css>
</head>
4. import style
css 안에 css를 넣어 사용/
include라는 개념.
활용 예)
: embedded에 사용
(실무에서는 쓰지 않음)
<head>
<style>
@import url('default.css')
</style>
</head>
linked css 파일 안에 불러와 사용
아래 샘플 코드는 css 파일 안이라 가정!
(실무에서 사용)
@import ('default2.css);
body {background: red;}
선택자 우선순위 및 점수
*전체 선택자 : 0점
type selector (ex: div) : 1점
classselector (ex: .a) : 10점
idselector (ex: #a) : 100점
inline style: 1000점
!important; 절댓값 (최고값)
'프로그래밍 > CSS' 카테고리의 다른 글
| 기초) text style / background 속성 정리 (0) | 2020.04.23 |
|---|---|
| 기초) float/clear 속성 정리 및 활용 (0) | 2020.04.22 |
| 기초) position 속성 및 활용법 정리 (0) | 2020.04.22 |
| 기초) box model 개념 및 사이즈 측정법 (0) | 2020.04.21 |
| 기초) 여백(padding/margin)과 선(border) 정리 (0) | 2020.04.21 |