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.example.com.vn/w3css/4/w3.css
W3.CSS là miễn phí
W3.CSS được sử dụng miễn phí. Không có giấy phép là cần thiết.
Cách sử dụng W3.CSS
Để sử dụng W3.CSS, chỉ cần thêm liên kết tới "w3.css" vào trang web của bạn:
Ví dụ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.example.com.vn/w3css/4/w3.css"> Hãy tự mình thử »Hoặc tải xuống w3.css và chạy nó từ trang web của riêng bạn:
Ví 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 vào 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:
Ví 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 ở thư mục gốc của trang web, hãy thêm dấu gạch chéo:
Ví dụ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css"> Nhật ký thay đổi
Tải xuống phiên bản 4.13 từ liên kết này: https://www.example.com.vn/w3css/4/w3.css
| Phiên bản | Ngày | Sự miêu tả |
|---|---|---|
| 4.15 | 12/2020 | Đã bổ sung w3-serif với w3-sans-serif w3-chữ thảo w3-monospace |
| 4.14 | 11/2020 | Đã bổ sung phần đệm w3 với w3-đệm-top-64 w3-đệm-top-48 w3-đệm-top-32 w3-đệm-top-24 |
| 4.13 | 06/2019 | Thích ứng với những thay đổi nhỏ trong Normalize.css |
| 4.12 | 11/2018 | Đã thêm w3-kéo dài |
| 4.11 | 10/2018 | Đã thêm w3-auto Đã thay đổi lề:auto thành lề trái:auto và lề phải:auto 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 nội dung thả xuống w3 |
| 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 chuột và văn bản có thể di chuột |
| 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 khối w3-bar |
| 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 |
Kho lưu trữ GitHub
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ả về 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ố W3C hiện tại.
| Tài 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 để xóa lựa chọn văn bản khỏi các phần tử có thể nhấp vào. |
| 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 để cho biết đầu vào hợp lệ. |
| @-webkit-keyframe | Đã thêm vào W3.CSS để làm cho hoạt ảnh hoạt động trong trình duyệt webkit (phiên bản cũ hơn của Chrome, Safari và Opera). |
Tùy chỉnh W3.CSS
W3.CSS bao gồm các phông chữ và cỡ 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:
Ví 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;
} Hãy tự mình thử »W3.CSS được chuẩn hóa
Việc chuẩn hóa một biểu định kiểu được thực hiện để:
- Sửa lỗi trình duyệt
- Loại bỏ sự không nhất quán của trình duyệt
- Đảm bảo mặc định chung của trình duyệt
- Chuẩn hóa kiểu của tất cả các thành phần 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 trên 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.
