Download W3.CSS
Download versi terbaru dari link ini: http://www.w3ii.com/lib/w3.css
W3.CSS adalah Gratis
W3.CSS bebas untuk menggunakan. Tidak ada lisensi yang diperlukan.
Cara menggunakan W3.CSS
Untuk menggunakan W3.CSS, hanya menambahkan link ke "w3.css" di halaman web Anda:
Contoh
<!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"> Cobalah sendiri " Atau download w3.css dan menjalankannya dari situs web Anda sendiri:
Contoh
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css"> Jika Anda menempatkan w3.css di subfolder, tambahkan nama folder antara garis miring:
Contoh
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/ foldername /w3.css"> Jika Anda menempatkan w3.css pada akar web Anda, tambahkan garis miring:
Contoh
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css"> Versi terbaru
| Versi | Deskripsi |
|---|---|
| 2.6 | Versi 2.6 Mei 2016. Unduh 2,6 |
| 2.52 | Ditambahkan w3-padding-hor dan w3-padding-ver |
| 2.5 | Versi 2.5 April 2016. Unduh 2,5 |
| 2.5 | Disesuaikan nilai transisi minor |
| 2.4 | Ditambahkan w3-threequarter Ditambahkan w3-display-topmiddle dan w3-display-bottommiddle Ditambahkan w3-transparan dan w3-melayang-none Durasi animasi berubah dari w3-bernyawa-opacity 4-1,5 detik |
| 2.3 | kesalahan pixel kecil tetap di kueri media Ditambahkan semua kelas warna untuk warna w3-border- |
| 2.2 | Ditambahkan 100% lebar untuk <li> elemen di w3-navbar pada layar kecil (<601px lebar). |
| 2.1 | Ditambahkan w3-melayang-shadow. Ditambahkan w3-hover text warna. Berubah z-index of w3-modal untuk "3" (bukan 1). |
| 2.0 | Februari 2016. Unduh 2.0 |
| 1.99 | Ditambahkan w3-main dan w3-runtuh. Ditambahkan w3-serif. Ditambahkan w3-overlay. Ditambahkan w3-progressbar. Ditambahkan w3-show-inline-block. Ditambahkan w3-bernyawa-masukan. Ditambahkan w3-display-kontainer. Ditambahkan w3-display-topright. Ditambahkan w3-display-topleft. Ditambahkan w3-display-bottomRight. Ditambahkan w3-display-bottomleft. |
| 1.98 | Ditambahkan w3-bernyawa-memudar. |
| 1.97 | Ditambahkan w3-btn-blok. Ditambahkan w3-akordeon dan w3-akordeon-konten. |
| 1.96 | Ditambahkan dropdown untuk w3-sidenav. Ditambahkan slideshow Ditambahkan Tab (tabulasi) |
| 1.95 | Ditambahkan w3-vertikal. Ditambahkan pucat warna w3-hover. |
| 1.94 | Ditambahkan w3-navbar. Ditambahkan warna w3-hover-. |
| 1.93 | Dihapus w3-tab. Gunakan w3-topnav atau w3-sidenav gantinya. |
| 1.92 | Dihapus w3-blockquote. Gunakan w3-leftbar gantinya. |
| 1.91 | Ditambahkan w3-pucat-merah, w3 pucat-kuning, w3 pucat-hijau, w3-pucat-biru. Ditambahkan w3-topbar, w3-bottombar, w3-leftbar, w3-rightbar. Ditambahkan w3-border-merah, w3 perbatasan-kuning, w3 perbatasan-hijau, w3-border-biru. |
| 1.9 | Januari 2016. Unduh 1,9 |
| 1.8 | Desember 2015. |
| 1.7 | November 2015. |
| 1.6 | Oktober 2015. |
| 1.5 | September 2015. |
| 1.4 | Agustus 2015. |
| 1.3 | Agustus 2015. |
| 1.2 | Juli 2015. |
| 1.1 | Juni 2015. |
| 1.1 | May 2015. |
memvalidasi W3.CSS
Memvalidasi W3.CSS mungkin kembali beberapa kesalahan.
 | Anda akan sering mendapatkan beberapa kesalahan ketika Anda menjalankan validasi W3C. Akan selalu ada beberapa nilai khusus browser luar spesifikasi W3C saat ini. |
|---|
| Milik | Deskripsi |
|---|---|
| pointer-acara | Valid properti di CSS3, tapi disarankan untuk CSS4. Digunakan di W3.CSS untuk menghapus tangan pointer dari elemen dinonaktifkan. |
| -friendly pilih | Valid properti di CSS3, tapi disarankan untuk CSS4. Digunakan di W3.CSS untuk menghapus pilihan teks dari elemen diklik. |
| pseudo-class: valid | nilai yang tidak valid di CSS3, tapi disarankan untuk CSS4. Digunakan di W3.CSS untuk menunjukkan input valid. |
| @ -webkit-keyframes | Ditambahkan ke W3.CSS untuk membuat animasi bekerja di browser WebKit (versi Chrome, Safari, dan Opera). |
Sesuaikan W3.CSS
W3.CSS termasuk font dasar dan ukuran font.
Anda dapat menyesuaikan W3.CSS dengan mengubah pengaturan ini:
Contoh
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;
} Cobalah sendiri " W3.CSS adalah Normalized
Normalisasi style sheet dilakukan untuk:
- bug browser yang benar
- Hapus inkonsistensi Browser
- Yakinkan default browser yang umum
- Menormalkan gaya semua elemen HTML
- Menambahkan perbaikan CSS
Ekstrak dari Normalize.css digunakan dalam W3.CSS.
Hal ini membuat W3.CSS tampilan HTML secara konsisten di semua browser, dan sesuai dengan standar web modern.