728x90
반응형
# CSS 우선순위
: !important > 2.인라인 > 3.내부 > 4.외부
1. !important : 모든 style 규칙에 우선적용
사용법: {속성:속성값 !important;}
ex)
#test {float:left; margin:0 !important;}
2. 인라인 : 해당 테그에 바로 적용
ex)
<span style="font-size:12pt; color:gray;">인라인 CSS</span>
3. 내부: 페이지 내에서 <style>로 선언
ex)
<style>
#test {font-size:12pt; color:gray;}
< /style>
< div id="test">내부 CSS</div>
4. 외부: 외부파일 불러옴
외부에 css파일을 만들고 <head></head>사이에서 불러온다.
ex)
<head>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
< /head>
728x90
반응형
'Web Language > CSS || HTML' 카테고리의 다른 글
| [css] 이미지를 이용하여 <ul> <li> 마크업시 상단 공백 생길때 처리 (0) | 2022.06.19 |
|---|---|
| textarea 박스 안에 라인 집어 넣기, 버튼에 이미지 넣기, 풍선도움말넣기 (0) | 2018.08.30 |
| 반응형 웹 화면을 위한 설정방법 (0) | 2018.08.26 |
| 메타 태그 정리 - 기본메타태그, 기능메타태그, 로봇 설정, 로봇 검색엔진 최적화(SEO) (0) | 2014.01.09 |
| 본문 마크업, 의미에 맞는 시멘틱 메모 (0) | 2014.01.03 |