Unduhan W3.CSS
Unduh W3.CSS
Unduh W3.CSS dari tautan ini: https://www.w3schools.com/w3css/4/w3.css
W3.CSS Gratis
W3.CSS gratis untuk digunakan. Tidak diperlukan lisensi.
Cara menggunakan W3.CSS
Untuk menggunakan W3.CSS, cukup tambahkan tautan 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="https://www.w3schools.com/w3css/4/w3.css">
Atau unduh w3.css dan jalankan 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 meletakkan w3.css di subfolder, tambahkan nama folder di 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 di root 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">
Changelog
Unduh versi 4.13 dari tautan ini: https://www.w3schools.com/w3css/4/w3.css
Melihat | Tanggal | Keterangan |
---|---|---|
4.15 | 12/2020 | Dilengkapi w3-serif dengan w3-sans-serif w3-cursive w3-monospace |
4.14 | 11/2020 | Dilengkapi w3-padding dengan w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
4.13 | 06/2019 | Diadaptasi untuk perubahan kecil di Normalize.css |
4.12 | 11/2018 | Menambahkan w3-stretch |
4.11 | 10/2018 | Menambahkan w3-auto Mengubah margin:otomatis menjadi margin-kiri:otomatis dan margin-kanan:otomatis di konten-w3 |
4.10 | 02/2018 | Menambahkan "garis besar: 0" ke w3-bar-item di w3-bar dan w3-bar-block |
4.09 | 12/2017 | Menghapus "garis besar: 0" dari tombol |
4.08 | 10/2017 | Menambahkan "z-index: 1" ke w3-dropdown-content |
4.07 | 08/2017 | Menambahkan "vertical-align: middle" ke gambar |
4.06 | 08/2017 | Menambahkan kelas warna versi 3 ke batas, batas yang dapat dilayangkan, dan teks yang dapat dilayangkan |
4.05 | 06/2017 | Menambahkan "tampilan: blokir" ke w3-responsive |
4.04 | 04/2017 | Menambahkan "float:none" ke w3-bar-item di dalam w3-bar-block |
4.03 | 03/2017 | Memperbaiki bug kecil di "w3-col m3" |
4.02 | 03/2017 | Menambahkan warna teks versi 3 |
4.01 | 03/2017 |
Meringankan warna abu-abu/abu-abu Memperbaiki beberapa kesalahan warna batas |
4.0 | 02/2017 | |
3.0 | 01/2017 | |
2.0 | 02/2016 | |
1.0 | 05/2015 |
Repositori GitHub
Repositori GitHub adalah: https://github.com/JaniRefsnes/w3css
Memvalidasi W3.CSS
Memvalidasi W3.CSS mungkin mengembalikan beberapa kesalahan.
Anda akan sering mendapatkan beberapa kesalahan saat menjalankan validasi W3C.
Akan selalu ada beberapa nilai khusus browser di luar spesifikasi W3C saat ini.
Properti | Keterangan |
---|---|
pointer-acara | Properti tidak valid di CSS3, tetapi disarankan untuk CSS4. Digunakan di W3.CSS untuk menghapus penunjuk tangan dari elemen yang dinonaktifkan. |
pilihan pengguna | Properti tidak valid di CSS3, tetapi disarankan untuk CSS4. Digunakan di W3.CSS untuk menghapus pemilihan teks dari elemen yang dapat diklik. |
pseudo-kelas :valid | Nilai tidak valid di CSS3, tetapi disarankan untuk CSS4. Digunakan di W3.CSS untuk menunjukkan input yang valid. |
@-webkit-keyframes | Ditambahkan ke W3.CSS untuk membuat animasi bekerja di browser webkit (versi lama Chrome, Safari, dan Opera). |
Sesuaikan W3.CSS
W3.CSS mencakup 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;
}
W3.CSS dinormalisasi
Normalisasi style sheet dilakukan untuk:
- Memperbaiki bug browser
- Hapus inkonsistensi browser
- Yakinkan default browser umum
- Normalisasikan gaya semua elemen HTML
- Tambahkan peningkatan CSS
Ekstrak dari Normalize.css digunakan di W3.CSS .
Hal ini membuat W3.CSS menampilkan HTML secara konsisten di semua browser, dan sejalan dengan standar web modern.