최신 웹 개발 튜토리얼
 

W3.CSS다운로드


다운로드 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을 만들고, 최신 웹 표준과 일치한다.