css 의 네 가지 도입 방법 및 우선 순위

4140 단어 전단CSS
css 의 네 가지 도입 방법의 우선 순위:줄 내 스타일>내장 스타일>링크 스타일>가 져 오기 스타일.
1.STYLE 속성 사용(줄 내 스타일):STYLE 속성 을 개별 소자 태그 에 직접 추가
<TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"   "; line-height:150%>

이러한 용법 의 장점 은 스타일 을 각 태그 에 정교 하 게 적용 할 수 있다 는 것 이지 만 단점 은 전체 파일 의'통일 성'이 없다 는 것 이다.
2.STYLE 태그(내장 스타일)사용:스타일 규칙 을 태그 에 적 습 니 다.
<STYLE TYPE="text/css">
--
     
--> 
STYLE>

예 를 들 면:
<STYLE TYPE="text/css">
--
BODY {
  color: BLUE;
  background: #FFFFCC;
  font-size: 9pt}
TD, P {
  COLOR: GREEN;
  font-size: 9pt}
-->
STYLE>

일반적으로 전체 구 조 를 웹 페이지 의 일부분 에 쓴다.이러한 용법 의 장점 은 전체 파일 의 통일 성에 있 으 며,성명 이 있 는 부품 이 라면 이 스타일 규칙 을 적용 하 는 것 이다.단점 은 개별 부품 의 유연성 이 부족 하 다 는 것 이다.
3.LINK 태그(링크 스타일)사용:스타일 규칙 을.css 스타일 파일 에 쓰 고 태그 로 도입 합 니 다.
만약 우리 가 스타일 규칙 을 example.css 파일 로 저장한다 면,우 리 는 웹 페이지 에 가입 하기 만 하면 된다
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">

이 스타일 파일 에 제 정 된 스타일 을 적용 할 수 있 습 니 다.보통 링크 라벨 을 웹 페이지 부분 에 쓴다.이러한 용법 의 장점 은 같은 스타일 규칙 을 적용 할 여러 개의 파일 을 같은 스타일 파일 로 지정 하면 된다 는 것 이다.단점 도 개별 파일 이나 부품 의 유연성 이 부족 하 다 는 점 이다.
4.@import 도입 사용(스타일 가 져 오기):LINK 용법 과 비슷 하지만 반드시 가운데 에 두 어야 합 니 다.
<STYLE TYPE="text/css">
--
  @import url(         、     );
-->
STYLE> 

예 를 들 면:
<STYLE TYPE="text/css">
--
  @import url(http://yourweb/ example.css);
-->
STYLE>

주의해 야 할 것 은 행 말의 점 수 는 절대 없어 서 는 안 된다 는 것 이다!
메모:@import 페이지 를 불 러 올 때 시작 하 는 순간 반 짝 임(스타일 시트 가 없 는 페이지)이 있 고 정상 으로 돌아 갑 니 다(스타일 을 불 러 온 페이지).Link 는 문제 가 없습니다.

좋은 웹페이지 즐겨찾기