W3.CSS yuklab olish
W3.CSS’ni yuklab olish
W3.CSS’ni yuklab oling yoki veb-sahifalaringizda to‘g‘ridan-to‘g‘ri W3.CSS stil jadvaliga havola qiling.
5-versiya
https://www.w3schools.com/w3css/5/w3.css
4-versiya (eski versiya)
https://www.w3schools.com/w3css/4/w3.css
W3.CSS’dan bepul foydalanish mumkin. Litsenziya talab qilinmaydi.
W3.CSS’dan qanday foydalaniladi
W3.CSS’dan foydalanishning eng oson usuli — W3.CSS stil jadvaliga to‘g‘ridan-to‘g‘ri havola qilish:
Misol
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Web Page</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">
</head>
<body>
<!-- Page content -->
</body>
</html>
O‘zingiz sinab ko‘ring »
Mahalliy nusxadan foydalanish
Shuningdek, w3.css faylini yuklab olib, uni o‘z veb-saytingiz fayllari bilan birga saqlashingiz mumkin.
Agar w3.css HTML faylingiz bilan bir papkada bo‘lsa:
Misol
<link rel="stylesheet" href="w3.css">
Agar w3.css ichki papkada bo‘lsa:
Misol
<link rel="stylesheet" href="css/w3.css">
Agar w3.css veb-saytingizning ildiz (root) papkasida saqlangan bo‘lsa:
Misol
<link rel="stylesheet" href="/w3.css">
O‘zgarishlar tarixi
O‘zgarishlar tarixida W3.CSS’dagi muhim o‘zgarishlar sanab o‘tilgan.
| Versiya | Sana | Tavsif |
|---|---|---|
| 5.01 | 03/2025 | w3-grid qo‘shildiw3-flex qo‘shildiw3-text-center qo‘shildiw3-text-bold qo‘shildiw3-text-italic qo‘shildiYangi ranglar qo‘shildi: w3-paper, w3-asphalt, w3-crimson, w3-cobalt, w3-emerald, w3-olive, w3-taupe, w3-siennaSemantik rang klasslari qo‘shildi: w3-success, w3-warning, w3-info, w3-danger, w3-note |
| 4.15 | 12/2020 | w3-serif ga qo‘shimcha ravishda w3-sans-serif, w3-cursive va w3-monospace qo‘shildi. |
| 4.14 | 11/2020 | w3-padding-top-64, w3-padding-top-48, w3-padding-top-32 va w3-padding-top-24 qo‘shildi. |
| 4.13 | 06/2019 | Normalize.css dagi kichik o‘zgarishlarga moslashtirildi. |
| 4.12 | 11/2018 | w3-stretch qo‘shildi. |
| 4.11 | 10/2018 | w3-auto qo‘shildi. w3-content klassidagi margin:auto xossasi margin-left:auto va margin-right:auto bilan almashtirildi. |
| 4.10 | 02/2018 | w3-bar va w3-bar-block ichidagi w3-bar-item klassiga outline:0 qo‘shildi. |
| 4.09 | 12/2017 | Tugmalardan outline:0 olib tashlandi. |
| 4.08 | 10/2017 | w3-dropdown-content klassiga z-index:1 qo‘shildi. |
| 4.07 | 08/2017 | Rasmlarga vertical-align:middle qo‘shildi. |
| 4.06 | 08/2017 | Chegaralar, hover effektli chegaralar va hover effektli matn uchun 3-versiya rang klasslari qo‘shildi. |
| 4.05 | 06/2017 | w3-responsive klassiga display:block qo‘shildi. |
| 4.04 | 04/2017 | w3-bar-block ichidagi w3-bar-item klassiga float:none qo‘shildi. |
| 4.03 | 03/2017 | w3-col m3 dagi kichik xato tuzatildi. |
| 4.02 | 03/2017 | 3-versiya matn ranglari qo‘shildi. |
| 4.01 | 03/2017 | Kulrang (gray/grey) rang ochroq qilindi va chegara rangidagi ba’zi xatolar tuzatildi. |
| 4.0 | 02/2017 | Yirik versiya chiqarildi. |
| 3.0 | 01/2017 | Yirik versiya chiqarildi. |
| 2.0 | 02/2016 | Yirik versiya chiqarildi. |
| 1.0 | 05/2015 | W3.CSS’ning birinchi versiyasi. |
W3.CSS’ni moslashtirish
W3.CSS keng tarqalgan HTML elementlari uchun standart stillarni, jumladan shriftlar, sarlavhalar va oraliqlar stillarini taqdim etadi.
W3.CSS’dan keyin o‘zingizning CSS kodingizni qo‘shish orqali ushbu standart stillarni moslashtirishingiz mumkin.
Standart stillarni o‘zgartirish misollari uchun W3.CSS standart stillari bobiga qarang.
Brauzerlarda bir xil ko‘rinish
W3.CSS brauzerlarning standart stillari o‘rtasidagi farqlarni kamaytiradigan stillarni o‘z ichiga oladi.
Bu HTML elementlarining zamonaviy brauzerlarda bir xilroq ko‘rinishiga yordam beradi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!