Tải xuống W3.CSS
Tải xuống W3.CSS
Tải xuống W3.CSS từ liên kết này: https://www.w3schools.com/w3css/4/w3.css
W3.CSS miễn phí
W3.CSS được sử dụng miễn phí. Không cần giấy phép.
Cách sử dụng W3.CSS
Để sử dụng W3.CSS, chỉ cần thêm liên kết đến "w3.css" trong các trang web của bạn:
Thí dụ
<!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">
Hoặc tải xuống w3.css và chạy nó từ trang web của riêng bạn:
Thí dụ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
Nếu bạn đặt w3.css trong một thư mục con, hãy thêm tên thư mục vào giữa các dấu gạch chéo:
Thí dụ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
Nếu bạn đặt w3.css ở cuối trang web của mình, hãy thêm dấu gạch chéo:
Thí dụ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
Changelog
Tải xuống phiên bản 4.13 từ liên kết này: https://www.w3schools.com/w3css/4/w3.css
| Nhìn thấy | Ngày | Sự miêu tả |
|---|---|---|
| 4,15 | 12/2020 | Đã bổ sung w3-serif bằng w3-sans-serif w3-cursive w3-monospace |
| 4,14 | 11/2020 | Bổ sung w3-padding với w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4,13 | 06/2019 | Thích ứng với những thay đổi nhỏ trong Normalize.css |
| 4,12 | Tháng 11/2018 | Đã thêm w3-Stret |
| 4,11 | 10/2018 | Đã thêm w3-auto Đã thay đổi lề: tự động sang lề trái: tự động và lề phải: tự động trong nội dung w3 |
| 4,10 | 02/2018 | Đã thêm "outline: 0" vào w3-bar-item trong w3-bar và w3-bar-block |
| 4.09 | 12/2017 | Đã xóa "phác thảo: 0" khỏi các nút |
| 4.08 | 10/2017 | Đã thêm "z-index: 1" vào w3-dropdown-content |
| 4.07 | 08/2017 | Đã thêm "vertical-align: middle" vào hình ảnh |
| 4.06 | 08/2017 | Đã thêm các lớp màu phiên bản 3 vào đường viền, đường viền có thể di chuyển và văn bản có thể di chuyển |
| 4.05 | 06/2017 | Đã thêm "display: block" vào w3-responsive |
| 4.04 | 04/2017 | Đã thêm "float: none" vào w3-bar-item bên trong w3-bar-block |
| 4.03 | 03/2017 | Đã sửa một lỗi nhỏ trong "w3-col m3" |
| 4.02 | 03/2017 | Đã thêm màu văn bản phiên bản 3 |
| 4.01 | 03/2017 |
Làm sáng màu xám / xám Sửa một số lỗi màu đường viền |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1,0 | 05/2015 |
GitHub Repositiory
Kho lưu trữ GitHub là: https://github.com/JaniRefsnes/w3css
Xác thực W3.CSS
Việc xác thực W3.CSS có thể trả lại một số lỗi.
Bạn thường sẽ gặp một số lỗi khi chạy xác thực W3C.
Sẽ luôn có một số giá trị cụ thể của trình duyệt nằm ngoài thông số kỹ thuật W3C hiện tại.
| Bất động sản | Sự miêu tả |
|---|---|
| sự kiện con trỏ | Thuộc tính không hợp lệ trong CSS3, nhưng được đề xuất cho CSS4. Được sử dụng trong W3.CSS để xóa con trỏ tay khỏi các phần tử bị vô hiệu hóa. |
| người dùng chọn | Thuộc tính không hợp lệ trong CSS3, nhưng được đề xuất cho CSS4. Được sử dụng trong W3.CSS để loại bỏ lựa chọn văn bản khỏi các phần tử có thể nhấp. |
| lớp giả : hợp lệ | Giá trị không hợp lệ trong CSS3, nhưng được đề xuất cho CSS4. Được sử dụng trong W3.CSS để chỉ ra đầu vào hợp lệ. |
| @ -webkit-keyframes | Đã thêm vào W3.CSS để làm cho hoạt ảnh hoạt động trong trình duyệt webkit (các phiên bản Chrome, Safari và Opera cũ hơn). |
Tùy chỉnh W3.CSS
W3.CSS bao gồm các phông chữ và kích thước phông chữ cơ bản.
Bạn có thể tùy chỉnh W3.CSS bằng cách thay đổi các cài đặt sau:
Thí dụ
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 được chuẩn hóa
Chuẩn hóa một biểu định kiểu được thực hiện để:
- Sửa lỗi trình duyệt
- Xóa sự không nhất quán của trình duyệt
- Đảm bảo các mặc định phổ biến của trình duyệt
- Chuẩn hóa kiểu của tất cả các phần tử HTML
- Thêm cải tiến CSS
Một trích xuất từ Normalize.css được sử dụng trong W3.CSS.
Điều này làm cho W3.CSS hiển thị HTML nhất quán trong tất cả các trình duyệt và phù hợp với các tiêu chuẩn web hiện đại.