tutorial pengembangan web terbaru
 

W3.CSS download


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.

Catatan 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.