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 는 문제 가 없습니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
전단 자동화 워 크 플 로 의 hooks예 를 들 어 우 리 는 git commt 전에 eslint 코드 검사, npm install 전에 프로젝트 의존 도 를 검사 하고 싶 습 니 다.전형 적 인 상황 에서 각종 도 구 는 특정한 동작 이 발생 할 때 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
