읽기 쉬운
W3.CSS 페이지에도 약간의 독서 장애를 가진 사람들을 위해, 쉽게 읽을 수 있습니다.
- 사용 된 모든 글꼴은 쉽게 읽을 수있는 15 픽셀의 산세 리프 글꼴입니다
- 표준 글꼴 (굴림)는 아주 좋은 문자 간격이
- 표준 줄 간격 (1.5)도 매우 좋다
HTML 제목 <H1> - <H6>
기본 w3.css 스타일의 HTML 제목이 방법에 의해 :
예
<h1>Heading 1 (36px)</h1>
<h2>Heading 2 (30px)</h2>
<h3>Heading 3 (24px)</h3>
<h4>Heading 4 (20px)</h4>
<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
»그에게 자신을보십시오 글꼴 크기 클래스
표제는 그들이 무엇을 위해 사용되어야한다 : 제목.
W3.CSS으로, 글꼴 크기는 클래스에 의해 설정 될 수있다 :
예
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
»그에게 자신을보십시오 기준을 재정의
W3.CSS 표준을 재정의하는 것은 매우 쉽습니다.
당신은 적어도 세 가지 간단한 옵션을 가지고 :
- 페이지의 <head> 섹션의 표준을 재정의
- W3.CSS 후 자신의 CSS 파일을 추가합니다
- 다운로드 및 W3.CSS 파일의 내용을 변경
에서 재정의 <머리>
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
»그에게 자신을보십시오 자신의 CSS 추가
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet"
href="myStyle.css">
변경 W3.CSS
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}