기초) css의 style / 선택자 우선순위 정리
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; 절댓값 (최고값)