첫째, STYLE 속성을 사용
스타일 속성 직접 개별 요소 태그에 추가 <(태그) STYLE = "속성 (특성) 부재 1 설정 값; 속성 (특성)을 2 : 2 설정치; ...}
예 :
<TD를 STYLE = "COLOR : BLUE, 폰트 사이즈 : 9pt; 폰트 패밀리"표준 이탤릭체 ", 라인 높이 : 150 % >
이 사용 패턴의 장점은 각각의 스마트 라벨에 적용되지만 단점 그것은 전체 파일이 아닙니다 "하나됨을 위하여."
프런트 엔드 학습 qun438905713 만들기, 그룹의 대부분은 제로 학습자, 우리는 서로에 대답하고, 또한 학습 자료를 많이 준비, 서로 도움이, 교환에 제로 주니어 파트너를 환영했다.
둘째, 사용 STYLE 태그
에 ... </ STYLE> 태그 <STYLE>에 기록 된 스타일 규칙.
<스타일 유형 = "텍스트 / CSS">
<! -
스타일 규칙 테이블
->
</ STYLE (스타일)>
예 :
<STYLE (스타일) 유형 = "텍스트 / CSS">
<! -
본문 {
색상 : BLUE,
배경 : #FFFFCC ;
폰트 크기 : 9pt}
TD를, P {
COLOR : GREEN,
폰트 사이즈 : 9pt}
->
</ 스타일은>
일반적으로 전체 <STYLE이다> ... </ STYLE>의 <HEAD의 페이지 구조 > </ HEAD> 부분이다. 이것의 장점은 전체 파일의 일치의 사용은만큼 적용될 스타일 규칙에 선언 된 요소가 있다는 것입니다. 단점은 개별 구성 요소의 유연성의 부족이다.
셋째, LINK 태그를 사용하여
쓰기 스타일 .CSS 스타일 파일의 규칙, 그리고 다음 <LINK> 태그에 소개했다.
우리는 파일 example.css로 저장 스타일 규칙을 넣어 가정, 우리가 웹 페이지에 추가
<LINK REL = 스타일 TYPE = " 텍스트 / CSS는"HREF = "example.css은">
좋은 개발 스타일 파일을 적용합니다 스타일. LINK 태그는 일반적으로 일부 페이지의 <head> </ head>에 기록됩니다. 이것의 장점은 같은 스타일 규칙이 될 수 같은 스타일 파일에 지정된 파일을 여러 문서에 적용 사용할 수 있다는 것입니다. 단점은 개별 파일 또는 구성 요소의 유연성의 부족이다.
넷째, 사용이 도입 @import
링크처럼 사용할 수 있습니다,하지만 ... </ STYLE>에 <STYLE>를 배치해야합니다.
<스타일 유형 = "텍스트 / CSS">
<! -
@Import URL (주소 스타일 도입 경로 파일 이름)
->
</ STYLE (스타일)>
예 :
<STYLE (스타일) 유형 = "텍스트 / CSS" >
<! -
@import URL (HTTP : // yourweb / example.css)
->
</ STYLE (스타일)>
그것은 줄 끝에 세미콜론이 절대적으로 필요합니다 주목해야한다!
다섯째, <SPAN> </ SPAN> 태그를 포함 스타일 사용
예를 들면 : <스팬 스타일 = "글꼴 : 12 픽셀 / 20 픽셀 이탤릭체 # 000000;"> 삶의 네트워크 프로그래머 </ SPAN>
