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제작자료 > 프로그램' 카테고리의 다른 글
| [css] 이미지를 이용하여 <ul> <li> 마크업시 상단 공백 생길때 처리 (0) | 2022.06.19 |
|---|---|
| [JSTL] core url관련 태그 - import, redirect, url, param (0) | 2022.06.19 |
| [JSTL] core 반복 태그 - forEach, forTokens (0) | 2022.06.18 |
| [JSTL] core 조건태그 - if, choose, when, otherwise (0) | 2022.06.18 |
| [JSTL] core 태그 - set, out, remove, catch (0) | 2022.06.18 |