'CSS 적용'에 해당되는 글 1건
2008/01/10 14:54
1. style 속성을 개별 요소에 지정
<p style=“margin:15px;”>
2. <head> 범위 안에 지정
<style type=“text/css”>
p {margin:15px;}
</style>
3. <head> 안에 link 로 외부 스타일시트 참조
<link rel=“stylesheet” type=“text/css” href=“../css/default.css” />
4.<head> 안에 @import 로 외부 스타일시트 참조
<style type=“text/css”>
@import url(“../css/default.css”)
</style>
5. xml-stylesheet 처리 명령으로 외부 스타일시트 참조
<?xml-stylesheet type=“text/css” href=“../css/default.css”? />
우선순위
1. 개별 요소에 지정한 style (1) > style 속성으로 지정한 스타일 (2) > @import로 지정한 외부 스타일시트 (4) > llink 요소에 지정한 외부 스타일시트
2. 작성자 스타일 > 사용자 스타일 > 브라우저 스타일
: 사용자 스타일이란? 사용자가 독자적 스타일시트를 사용해서 자신의 취향대로 글꼴 , 배경색 등을 임의로 설정한 스타일
3. 속성에 !important 선언을 지정한 경우
!important 선언을 한 사용자 스타일 > !important 선언을 한 작성자 스타일 > 작성자 스타일 > 사용자 스타일 > 브라우저 스타일
*!important 선언이란? 다양한 환경에서 브라우징하는 사용자의 접근성을 확보하기 위한 방법, 최우선으로 적용할 스타일 지정할 때.
예) #sbmain{margin-top:0 !important;}
예)
a[name=“c01”] {color:maroon !important;}
a#c01 {color:purple;}
~
<a href=“../chapter1.html” name=“c01” id=“c01”>제 1장 웹표준 시작하기</a>
<p style=“margin:15px;”>
2. <head> 범위 안에 지정
<style type=“text/css”>
p {margin:15px;}
</style>
3. <head> 안에 link 로 외부 스타일시트 참조
<link rel=“stylesheet” type=“text/css” href=“../css/default.css” />
4.<head> 안에 @import 로 외부 스타일시트 참조
<style type=“text/css”>
@import url(“../css/default.css”)
</style>
5. xml-stylesheet 처리 명령으로 외부 스타일시트 참조
<?xml-stylesheet type=“text/css” href=“../css/default.css”? />
우선순위
1. 개별 요소에 지정한 style (1) > style 속성으로 지정한 스타일 (2) > @import로 지정한 외부 스타일시트 (4) > llink 요소에 지정한 외부 스타일시트
2. 작성자 스타일 > 사용자 스타일 > 브라우저 스타일
: 사용자 스타일이란? 사용자가 독자적 스타일시트를 사용해서 자신의 취향대로 글꼴 , 배경색 등을 임의로 설정한 스타일
3. 속성에 !important 선언을 지정한 경우
!important 선언을 한 사용자 스타일 > !important 선언을 한 작성자 스타일 > 작성자 스타일 > 사용자 스타일 > 브라우저 스타일
*!important 선언이란? 다양한 환경에서 브라우징하는 사용자의 접근성을 확보하기 위한 방법, 최우선으로 적용할 스타일 지정할 때.
예) #sbmain{margin-top:0 !important;}
예)
a[name=“c01”] {color:maroon !important;}
a#c01 {color:purple;}
~
<a href=“../chapter1.html” name=“c01” id=“c01”>제 1장 웹표준 시작하기</a>
Trackback Address :: http://marie1114.tistory.com/trackback/13
