다운로드 W3.CSS
이 링크에서 최신 버전을 다운로드 http://www.w3ii.com/lib/w3.css
W3.CSS 무료입니다
W3.CSS은 무료로 사용할 수 있습니다. 어떤 라이센스가 필요하지 않습니다.
W3.CSS를 사용하는 방법
W3.CSS를 사용하려면, 당신의 웹 페이지에있는 링크에 "w3.css"를 추가 :
예
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://www.w3ii.com/lib/w3.css">
»그에게 자신을보십시오 아니면 w3.css을 다운로드하여 자신의 웹 사이트에서 실행 :
예
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
당신은 하위 폴더에 w3.css를 넣어 경우, 슬래시 사이의 폴더 이름을 추가합니다 :
예
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/ foldername /w3.css">
당신이 당신의 웹 루트에 w3.css 배치하면, 슬래시를 추가 :
예
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
최신 버전
번역 | 기술 |
---|---|
2.6 | 버전 2.6 월 2016 다운로드 2.6 |
2.52 | 추가 W3 패딩 - 호르 및 W3 패딩-버전 |
2.5 | 버전 2.5 4월 2016 다운로드 2.5 |
2.5 | 조정 작은 변화 값 |
2.4 | 추가 W3-threequarter 추가 W3-디스플레이 topmiddle 및 W3 디스플레이 - bottommiddle 추가 W3-투명하고 W3-가져가 - 없음 4 1.5 초에서 W3 - 애니메이션 - 불투명도의 변경된 애니메이션 지속 시간 |
2.3 | 미디어 쿼리에 고정 작은 픽셀 오류 W3-테두리 - 색상 모든 색상 클래스를 추가 |
2.2 | 작은 화면에 W3 - 네비게이션 바에서 <리> 요소를 100 % 폭을 추가 (<601px 폭). |
2.1 | W3-호버 그림자를 추가했습니다. 추가 W3-호버 - 텍스트 - 색. W3 모달 "3"(대신 1)의 변경된 Z- 인덱스. |
2.0 | 2월 2016 다운로드 2.0 |
1.99 | 추가 W3 메인 및 W3-붕괴. W3-리프가 추가되었습니다. W3-오버레이를 추가했습니다. W3-의 ProgressBar를 추가했습니다. 추가 W3 쇼 - 인라인 블록. W3 - 애니메이션 - 입력을 추가했습니다. W3 디스플레이 컨테이너를 추가했습니다. W3 디스플레이-topright을 추가했습니다. W3-디스플레이 좌상을 추가했습니다. W3 디스플레이 - bottomright을 추가했습니다. W3 디스플레이 - bottomleft을 추가했습니다. |
1.98 | 추가 W3 - 애니메이션 - 페이딩. |
1.97 | 추가 W3는-btn을 블록을. 추가 W3-아코디언 및 W3-아코디언 콘텐츠입니다. |
1.96 | W3-sidenav에 추가 드롭 다운. 추가 슬라이드 쇼 추가 탭 (도표 작성자) |
1.95 | 추가 W3 수직. 추가 창백한 W3-호버 색상. |
1.94 | W3-Navbar에 추가되었습니다. W3-hover- 색상을 추가했습니다. |
1.93 | 제거 W3 탭. W3-topnav 또는 W3-sidenav 대신 사용합니다. |
1.92 | 제거 W3-인용구. 대신 W3-leftbar를 사용합니다. |
1.91 | 추가 W3-연한 빨간색, W3 - 담황색, W3-옅은 녹색, W3-옅은 파란색. W3-topbar, W3-bottombar, W3-leftbar, W3-rightbar을 추가했습니다. 추가 W3 국경 - 빨강, W3 국경 노란색, W3 국경 녹색, W3 국경 블루. |
1.9 | 1월 2016 다운로드 1.9 |
1.8 | 2015년 12월. |
1.7 | 2015년 11월. |
1.6 | 2015년 10월. |
1.5 | 2015년 9월. |
1.4 | 2015년 8월. |
1.3 | 2015년 8월. |
1.2 | 2015년 7월. |
1.1 | 2015년 6월. |
1.1 | 2015 월. |
검증 W3.CSS
W3.CSS을 검증하는 것은 약간의 오차가 반환 할 수 있습니다.
당신이 W3C 유효성 검사를 실행할 때 종종 약간의 오차가 얻을 것이다. 항상 현재 W3C 사양 밖에서 브라우저 특정 값이있을 것이다. |
재산 | 기술 |
---|---|
포인터 이벤트 | 잘못된 CSS3의 속성,하지만 CSS4에 대해 제안했다. 장애인 요소에서 손 포인터를 제거 W3.CSS에 사용된다. |
사용자 선택 | 잘못된 CSS3의 속성,하지만 CSS4에 대해 제안했다. 클릭 가능한 요소에서 텍스트 선택을 제거 W3.CSS에 사용된다. |
가상 클래스 : 유효한 | 잘못된 CSS3 가치,하지만 CSS4에 대해 제안했다. W3.CSS에 사용에 유효한 입력을 나타냅니다. |
@ -webkit-키 프레임 | W3.CSS 추가하면 애니메이션이 웹킷 브라우저 (크롬, 사파리, 오페라의 이전 버전)에서 작동하도록합니다. |
W3.CSS 사용자 지정
W3.CSS 기본 글꼴 및 글꼴 크기를 포함한다.
이러한 설정을 변경하여 W3.CSS을 사용자 정의 할 수 있습니다 :
예
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin:
20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1
{font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4
{font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr
{
height: 0;
border: 0;
border-top: 1px solid
#eee;
margin: 20px 0;
}
»그에게 자신을보십시오 W3.CSS는 정규화
스타일 시트를 정규화하기 위해 수행됩니다 :
- 올바른 브라우저 버그
- 브라우저 불일치를 제거
- 일반적인 브라우저의 기본값을 확신
- 모든 HTML 요소의 스타일을 정상화
- CSS 개선 추가
추출물 Normalize.css는 W3.CSS에 사용됩니다.
이 모든 브라우저에서 일관되게 W3.CSS 표시되는 HTML을 만들고, 최신 웹 표준과 일치한다.