최신 웹 개발 튜토리얼
 

W3.CSS조판


읽기 쉬운

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 표준을 재정의하는 것은 매우 쉽습니다.

당신은 적어도 세 가지 간단한 옵션을 가지고 :

  1. 페이지의 <head> 섹션의 표준을 재정의
  2. W3.CSS 후 자신의 CSS 파일을 추가합니다
  3. 다운로드 및 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}