Mục lục
CSS là viết tắt của các bảng phong cách xếp tầng. Các tài liệu được viết bằng HTML được định dạng và trình bày bằng CSS. Có nhiều tính năng trong HTML và CSS là sự bổ sung phổ biến nhất cho nó. Thay vì tự thay đổi trang web, với CSS, chỉ cần thay đổi các kiểu, điều đó có nghĩa là ít cơ hội hơn cho mã tổng thể. Hơn nữa, HTML chứa A & NBSP; Rất nhiều mã lặp lại cho mỗi trang web, có thể được đặt trong một tệp chung với CSS và được sử dụng trên các trang web. Cascading Style Sheets. The documents written in HTML are formatted and presented using CSS. There are many features in HTML and CSS is the most popular addition to it. Rather than changing the web page itself, with CSS, only the styles need to be changed, which means fewer chances to the overall code. Further, HTML contained a lot of repeated code for each web page, which can be put in a common file with CSS and
used across web pages.
CSS chứa - Bộ chọn và khối khai báo. Một khối khai báo bao gồm các cặp giá trị tài sản. & NBSP; Ví dụ, & nbsp; – selector and declaration block. A declaration block consists of property-value pairs. Example,
#title
Ở đây, tiêu đề là bộ chọn và khối khai báo là toàn bộ điều bên trong niềng răng xoăn. Được lưu dưới dạng tệp - .cssSaved as - .css file
CSS Cheat Sheet & NBSP;
1. Phông chữ
Tài sản
| Giá trị
| Thí dụ
|
kiểu phông chữ | bình thường/in nghiêng/thừa kế/xiên | Kiểu phông chữ: Bình thường |
Phông chữ-biến thể | bình thường/thừa kế/caps nhỏ | Phông chữ-biến thể: Vình nhỏ |
Phông chữ-Trọng lượng | bình thường/táo bạo/táo bạo hơn/nhẹ/100-900/kế thừa | Font-weight: in đậm |
cỡ chữ | ? PX/?%/nhỏ/trung bình/lớn | kích thước phông chữ: kích thước phông chữ lớn: 5 |
Phông chữ-gia đình | Verdana/Calibri .. vv… | Phông chữ-gia đình: Verdana |
2. Văn bản
Tài sản
| Giá trị
| Thí dụ
|
kiểu phông chữ | bình thường/in nghiêng/thừa kế/xiên | Kiểu phông chữ: Bình thường |
Phông chữ-biến thể | bình thường/thừa kế/caps nhỏ | Phông chữ-biến thể: Vình nhỏ |
Phông chữ-Trọng lượng | bình thường/táo bạo/táo bạo hơn/nhẹ/100-900/kế thừa | Font-weight: in đậm |
cỡ chữ | ? PX/?%/nhỏ/trung bình/lớn | kích thước phông chữ: kích thước phông chữ lớn: 5 |
Phông chữ-gia đình | Verdana/Calibri .. vv… | Phông chữ-gia đình: Verdana |
2. Văn bản | văn bản-align | trái/phải/trung tâm/biện minh |
Văn bản-Align: Biện minh; | Khoảng cách chữ cái | bình thường/chiều dài/?% |
Khoảng cách thư: 3%; | Văn bản-outline | Không/chiều dài/màu |
Text-Outline: Màu đỏ | bao nhiêu từ | bình thường/chiều dài |
bao nhiêu từ: bình thường; | hướng đi | ltr/rtl/kế thừa |
Hướng: LTR; | bao bọc văn bản | bình thường/không giới hạn/không |
Mang văn bản: Bình thường
Tài sản
| Giá trị
| Thí dụ
|
kiểu phông chữ | bình thường/in nghiêng/thừa kế/xiên | Kiểu phông chữ: Bình thường |
Phông chữ-biến thể | bình thường/thừa kế/caps nhỏ | Phông chữ-biến thể: Vình nhỏ |
Phông chữ-Trọng lượng | bình thường/táo bạo/táo bạo hơn/nhẹ/100-900/kế thừa | Font-weight: in đậm |
cỡ chữ | ? PX/?%/nhỏ/trung bình/lớn | kích thước phông chữ: kích thước phông chữ lớn: 5 |
Phông chữ-gia đình | Verdana/Calibri .. vv… | Phông chữ-gia đình: Verdana |
2. Văn bản | Verdana/Calibri .. vv… | Phông chữ-gia đình: Verdana |
2. Văn bản | Verdana/Calibri .. vv… | Phông chữ-gia đình: Verdana |
2. Văn bản | văn bản-align | trái/phải/trung tâm/biện minh |
Văn bản-Align: Biện minh; | Khoảng cách chữ cái | bình thường/chiều dài/?% |
Khoảng cách thư: 3%;
Tài sản
| Giá trị
| Thí dụ
|
Văn bản-outline | Không/chiều dài/màu | Text-Outline: Màu đỏ |
bao nhiêu từ | bình thường/chiều dài | bao nhiêu từ: bình thường; |
hướng đi | ltr/rtl/kế thừa | Hướng: LTR; |
bao bọc văn bản | bình thường/không giới hạn/không | Mang văn bản: Bình thường |
thụt lề văn bản | ?%/? PX | Văn bản-Lãnh dạng: 2% |
khoảng cách từ | Bình thường/?%/? PX | Khoảng cách từ: Bình thường |
Chuyển đổi văn bản | không/chữ hoa/chữ thường/viết hoa | Text-Transform: chữ thường |
Text-nhấn mạnh | không | Text-nhấn mạnh: Đổ đầy |
văn bản-thông minh
Tài sản
| Giá trị
| Thí dụ
|
Tự động/Phân phối/Liên | Text-Justify: Phân phối | 3. Giao diện người dùng |
Ngoại hình - Áp dụng kiểu dáng cụ thể của nền tảng | Bình thường | kế thừa | [Biểu tượng | Cửa sổ | Máy tính để bàn | không gian làm việc | Tài liệu | tooltip | Hộp thoại | nút | Đẩy nút | Siêu liên kết | Đài phát thanh | Hộp kiểm | Menu-item | Tab | Menu | Menubar | kéo xuống-men | pop-up-menu | Danh sách-Menu | Nhóm phát thanh | Hộp kiểm-nhóm | Đề cương cây | phạm vi | trường | combo-box | Chữ ký | mật khẩu mở khóa] | Ngoại hình: Mật khẩu; |
con trỏ | Tự động | Crosshair | Mặc định | Con trỏ | di chuyển | Nghĩa vụ điện tử | neresize | NW-Resize | n-resize | SE-RENESIZE | SW-Resize | swresize | S-Resize | w-resize | Văn bản | Đợi | Cứu giúp | .help {con trỏ: trợ giúp; } |
Chỉ số NAV - Chỉ định thứ tự điều hướng tuần tự của phần tử hiện tại. Tương tự như chỉ mục tab trong HTML. Các giá trị có thể là tự động hoặc một số dương đại diện cho thứ tự điều hướng. Giá trị đầu tiên là 1. | Tự động | kế thừa & nbsp; con số | Chỉ số Nav: 1; |
Nav-up | Tự động | kế thừa & nbsp; con số | Chỉ số Nav: 1; |
Nav-up | Tự động | kế thừa & nbsp; con số | Chỉ số Nav: 1; |
Border-Bottom: Biên giới dưới đáy đường viền dưới đáy | & nbsp; | Border-Bottom-Color: Black Border-Bottom-Width: 15px |
thời gian trang trí biên giới | Duy trì thiết kế nhất quán giữa các mảnh của phần tử/bản sao phần tử bị hỏng | Chế độ trang trí biên giới: Slice; |
Biên giới-Radius-Top-Top-Right-Radius & NBSP; Biên giới-Bottom-Sh-Radius & NBSP; Biên giới-Bottom-Left-Radius & NBSP; Biên giới-đỉnh-trái-Radius | ? PX | Biên giới-đỉnh-trái-Radius: 20px |
hình ảnh biên giới | ?%/kéo dài/lặp lại/vòng/không | Hình ảnh biên giới: lặp lại hình ảnh đường viền: 12px |
6. Mô hình hộp & NBSP;
Tài sản
| Giá trị
| Thí dụ
|
trôi nổi | trái | đúng | không ai | Phao: Phải |
Chiều cao | Độ dài tự động % | Chiều cao: 10px |
Độ cao tối đa | không có độ dài % | Độ cao tối đa: 10px |
chiều rộng tối đa | không có độ dài % | Độ cao tối đa: 10px |
chiều rộng tối đa | không có độ dài % | Độ cao tối đa: 10px |
chiều rộng tối đa | chiều rộng tối đa: 120% | chiều cao tối thiểu |
chiều cao tối thiểu: 50%
Tài sản
| Giá trị
| Thí dụ
|
trôi nổi | trái | đúng | không ai | Phao: Phải |
Chiều cao | Độ dài tự động % | Chiều cao: 10px |
Độ cao tối đa | Độ dài tự động % | Chiều cao: 10px |
Độ cao tối đa | trái | đúng | không ai | Phao: Phải |
Chiều cao
Tài sản
| Giá trị
| Thí dụ
|
trôi nổi | trái | đúng | không ai | Phao: Phải |
Chiều cao | trái | đúng | không ai | Phao: Phải |
Chiều cao | trái | đúng | không ai | Phao: Phải |
Chiều cao | trái | đúng | không ai | Phao: Phải |
Chiều cao | Độ dài tự động % | Chiều cao: 10px |
Độ cao tối đa | không có độ dài % | Độ cao tối đa: 10px |
chiều rộng tối đa | chiều rộng tối đa: 120% | chiều cao tối thiểu |
chiều cao tối thiểu: 50% | chiều rộng tối đa: 120% | chiều cao tối thiểu |
chiều cao tối thiểu: 50% | chiều rộng tối thiểu | tự động % chiều dài |
chiều rộng tối thiểu: 30px | 6.1. Lề & nbsp; | Biên giới dưới đáy |
Tự động/Chiều dài % | Biên độ lợi nhuận: 20px | lề trái |
Tự động/Chiều cao % | Biên-trái: Tự động | lề |
Biên độ bên lề: 30% | lề | Biên giới: 40mm |
6.2. Đệm & nbsp; | đệm đáy | chiều dài % |
Bóng đệm: 20px | Đá đệm | Đệm-đỉnh: 20px |
Đau-Chân | Đau-Chân: 20px | Đá-bên trái |
Padding-Left: 20px | trưng bày | Không có/nội tuyến/khối/nội tuyến/Danh sách-item/Run-in/Compact/Bàn/Table/Table-Row-Row-Group/Bảng tiêu đề/Bảng chân bàn-Foot-Group/Bảng/Bảng/Bảng-cột- Nhóm/Bảng-cột/Table-Cell/Table-Cap/Ruby/Ruby-Base/Ruby-Text/Ruby-Base-Nhóm/Ruby-Text-Tex |
Hiển thị nội dòng
Tài sản
| Giá trị
| Thí dụ
|
trôi nổi | trái | đúng | không ai | Phao: Phải |
Chiều cao | Độ dài tự động % | Chiều cao: 10px |
Độ cao tối đa | không có độ dài % | Độ cao tối đa: 10px |
chiều rộng tối đa | chiều rộng tối đa: 120% | chiều cao tối thiểu |
chiều cao tối thiểu: 50% | chiều rộng tối thiểu | tự động % chiều dài |
chiều rộng tối thiểu: 30px | 6.1. Lề & nbsp; | Biên giới dưới đáy |
Tự động/Chiều dài % | Biên độ lợi nhuận: 20px | lề trái |
Tự động/Chiều cao % | Biên-trái: Tự động | lề |
Biên độ bên lề: 30% | lề | Biên giới: 40mm |
6.2. Đệm & nbsp;
Tài sản
| đệm đáy
|
chiều dài % | Bóng đệm: 20px |
Đá đệm | Đệm-đỉnh: 20px |
Đau-Chân | Đau-Chân: 20px |
Đá-bên trái | Padding-Left: 20px |
trưng bày | lề |
Biên giới: 40mm
Tài sản
| Giá trị
| Thí dụ
|
6.2. Đệm & nbsp; | đệm đáy | chiều dài % |
Bóng đệm: 20px | Đá đệm | Đệm-đỉnh: 20px |
Đau-Chân | Đau-Chân: 20px | Đá-bên trái |
Padding-Left: 20px | trưng bày | Không có/nội tuyến/khối/nội tuyến/Danh sách-item/Run-in/Compact/Bàn/Table/Table-Row-Row-Group/Bảng tiêu đề/Bảng chân bàn-Foot-Group/Bảng/Bảng/Bảng-cột- Nhóm/Bảng-cột/Table-Cell/Table-Cap/Ruby/Ruby-Base/Ruby-Text/Ruby-Base-Nhóm/Ruby-Text-Tex |
Hiển thị nội dòng | Định hướng marquee | Chuyển tiếp/Đảo ngược |
Định hướng Marquee: Chuyển tiếp | Marquee-loop | vô hạn/số nguyên |
Marquee-loop: 10 | Marquee-Play-Count | Marquee-Play-Count: 50 |
tốc độ marquee | chậm/bình thường/nhanh | Marquee-Speed: Chậm |
phong cách marquee
Tài sản
| Giá trị
| Thí dụ
|
Marquee-loop | vô hạn/số nguyên | Marquee-loop: 10 |
Marquee-Play-Count | Marquee-Play-Count: 50 | tốc độ marquee |
chậm/bình thường/nhanh
Tài sản
| Giá trị
| Thí dụ
|
Marquee-Speed: Chậm | phong cách marquee | cuộn/slide/thay thế |
Phong cách Marquee: Cuộn | phong cách marquee | cuộn/slide/thay thế |
Phong cách Marquee: Cuộn
Tài sản
| Giá trị
|
tràn ra | none/asterisks/box/check/circle/diamond/disc/hyphen/square/decimal/decimal-leading-zero/lower-roman/upper-roman/lower-alpha/upper-alpha/lower-greek/lower-latin/upper-latin/hebrew/armenian/georgian/cjk-ideographic/hiragana/katakana/hiragana-iroha/katakana-iroha/footnotes
Example: Có thể nhìn thấy/ẩn/cuộn/tự động/không phát hiện/không có nội dung/tràn-X/tràn
|
tràn: có thể nhìn thấy | ?%/?px Example: Phong cách tràn
|
Auto/Marquee-Line/Marquee-Block | none/url Example: Phong cách tràn: Tự động
|
tràn-x | auto/?px Example:
có thể nhìn thấy/ẩn/cuộn/tự động/không phát hiện/không có nội dung
|
Overflow-x: Cuộn
Tài sản
| Giá trị
| Thí dụ
|
Vòng xoay | góc | Xoay: 20deg |
điểm xoay | Vị trí [giá trị được ghép nối ngoài bộ] | Điểm quay: 50% 50% |
hiển thị | Có thể nhìn thấy/ẩn/sụp đổ | hoạt hình thời gian chức năng: tuyến tính; |
Hoạt hình-Delay | thời gian | Hoạt hình-Delay: 5ms |
Hoạt hình-itation-Count | kế thừa/số | Hoạt hình-itation-Count: 5 |
Phía định hướng hoạt hình | bình thường/xen kẽ | Định hướng hoạt hình: & nbsp; Luân phiên |
hoạt hình-trạng thái chơi | Chạy/tạm dừng | Trò chơi hoạt hình: Chạy |
chế độ hoạt hình | Không/lùi/chuyển tiếp/cả/ban đầu/kế thừa | Hoạt hình-fill-mode: Cả hai |
14. Phác thảo
Tài sản
| Giá trị
| Thí dụ
|
phác thảo màu | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt | kiểu phác thảo: rắn |
phác thảo chiều rộng | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo | kế thừa/? px | Offset phác thảo: & nbsp; 15px |
15. Siêu liên kết
Tài sản
| Giá trị
| Thí dụ
|
phác thảo màu | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt | kiểu phác thảo: rắn |
phác thảo chiều rộng | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo
Tài sản
| Giá trị
| Thí dụ
|
phác thảo màu | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt | kiểu phác thảo: rắn |
phác thảo chiều rộng | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo | kế thừa/? px | Offset phác thảo: & nbsp; 15px |
15. Siêu liên kết | Tên mục tiêu | Dòng điện/Root/Parent/New/Modal/"String" |
Tên mục tiêu: Cha mẹ | mục tiêu-mới | tab/window/none |
Target-New: Cửa sổ | mục tiêu-mới | tab/window/none |
Target-New: Cửa sổ | Vị trí mục tiêu | phía trước/sau/trên/phía sau |
Mục tiêu: Mặt trận | 16. Phương tiện truyền thông & NBSP; | Phù hợp |
điền/ẩn/gặp/cắt lát | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo
Tài sản
| Giá trị
| Thí dụ
|
phác thảo màu | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt | kiểu phác thảo: rắn |
phác thảo chiều rộng | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo | kế thừa/? px | Offset phác thảo: & nbsp; 15px |
15. Siêu liên kết
Tài sản
| Giá trị
| Thí dụ
|
phác thảo màu | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt | kiểu phác thảo: rắn |
phác thảo chiều rộng | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo
Tài sản
| Giá trị
| Thí dụ
|
phác thảo màu | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt | kiểu phác thảo: rắn |
phác thảo chiều rộng | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo | kế thừa/? px scale3d/scaleX/scaleY/scaleZ/rotate/rotate3d/rotateX/rotateY/rotateZ/ skewX/skewY/skew/perspective
| Offset phác thảo: & nbsp; 15px |
15. Siêu liên kết | Tên mục tiêu | Dòng điện/Root/Parent/New/Modal/"String" |
Tên mục tiêu: Cha mẹ | mục tiêu-mới | tab/window/none |
Target-New: Cửa sổ
Tài sản
| Giá trị
| Thí dụ
|
phác thảo màu | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | Tên màu | Phác thảo màu: Màu xanh lá cây |
kiểu phác thảo | không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt | kiểu phác thảo: rắn |
phác thảo chiều rộng | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo | kế thừa/? px | Offset phác thảo: & nbsp; 15px |
15. Siêu liên kết | Tên mục tiêu | Dòng điện/Root/Parent/New/Modal/"String" |
Tên mục tiêu: Cha mẹ | mục tiêu-mới | tab/window/none |
Target-New: Cửa sổ | Vị trí mục tiêu | phía trước/sau/trên/phía sau |
Mục tiêu: Mặt trận | 16. Phương tiện truyền thông & NBSP; | Phù hợp |
điền/ẩn/gặp/cắt lát | Phù hợp: Điền | vị trí phù hợp |
TOP/TRUNG TÂM/BOTTOM HOẶC TRÁI/TRUNG TÂM/QUYỀN?%/? PX | vị trí phù hợp: top 35% | Trẻ mồ côi |
Số nguyên | Trẻ mồ côi: 4 | định hướng hình ảnh |
Tự động/Góc [DEG/RAD/TURN/GRAD | định hướng hình ảnh: 0grad | trang |
Tự động/ID | mỏng/trung bình/dày/? PX | Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px |
Offset phác thảo | | Không có | X-chết | yếu | trung bình | mạnh mẽ | X-mạnh | Nghỉ ngơi sau: Trung bình; Nghỉ ngơi sau: 20ms; |
22. Giảm dần
Tài sản
| Nghĩa
|
:tích cực | phần tử hoạt động |
:tiêu điểm | Yếu tố trong trọng tâm & nbsp; |
: Liên kết | một liên kết không được biết đến |
: Đã bật | một phần tử khi được bật |
:Vô hiệu hóa | một phần tử khi bị vô hiệu hóa |
:bay lượn | yếu tố khi bạn chuột qua & nbsp; |
:đã kiểm tra | Phần tử đã kiểm tra |
: Lựa chọn & NBSP; | một phần tử hiện đang được chọn hoặc tô sáng bởi người dùng |
: Lang | cho phép tác giả chỉ định ngôn ngữ sử dụng trong phần tử cụ thể |
: nth-child [n] | một yếu tố là anh chị em thứ n |
: thứ n-last-child [n] | một yếu tố là anh chị em thứ n đếm từ anh chị em cuối cùng |
: fi đầu tiên | Anh chị em đầu tiên |
:con cuối cùng | anh chị em cuối cùng |
:con một | Chỉ có yếu tố trẻ em |
: nth-of-type [n] | một yếu tố là anh chị em của loại |
: thứ n-last-of-type [n] | N-th anh chị em thuộc loại của nó đếm từ anh chị em cuối cùng |
: fi đầu tiên của loại | anh chị em đầu tiên thuộc loại |
: Loại cuối cùng | một yếu tố là anh chị em cuối cùng thuộc loại này |
: Chỉ có loại | Chỉ có con thuộc loại của nó |
:trống rỗng | Yếu tố không có con |
:nguồn gốc | Phần tử gốc của tài liệu |
:Mục tiêu | Mục tiêu được chỉ định bởi một URL |
: không [x] | phần tử không được biểu thị bằng đối số ‘x, |
23. Giu cao yếu tố
Tài sản
| Nghĩa
| Thí dụ
|
:: Letter đầu tiên | Thêm phong cách đặc biệt vào chữ cái đầu tiên của một văn bản | p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: #fff00; } |
:: fi đầu tiên | Thêm phong cách đặc biệt vào dòng đầu tiên của một văn bản | p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: đen; } |
::trước | Chèn một số nội dung trước một phần tử | p :: trước {& nbsp; & nbsp; & nbsp; nội dung: "Chào mừng bạn đến với Hackr:"; } |
::sau | Chèn một số nội dung sau một phần tử | p :: sau {& nbsp; & nbsp; & nbsp; nội dung: "Cảm ơn bạn đã xem"; } |
& nbsp; Các phép đo tuyệt đốiAbsolute Measurements
Biểu tượng
| Đại diện
|
Phần trăm | Tỷ lệ phần trăm |
bệnh đa xơ cứng | mili giây |
S | thứ hai |
Trong | inch |
mm | milimet |
cm | centimet |
pt | Điểm [1/72 inch] |
máy tính | PICA [12 điểm] |
24. góc/thời gian/tần số
Đơn vị
| Đại diện
|
Phần trăm | Tỷ lệ phần trăm |
bệnh đa xơ cứng | mili giây |
S | thứ hai |
Trong | inch |
bệnh đa xơ cứng | mili giây |
S | thứ hai |
Trong | inch |
mm | milimet |
cm
Đơn vị
| Đại diện
|
Phần trăm | Tỷ lệ phần trăm |
bệnh đa xơ cứng | mili giây |
S | thứ hai |
Trong | inch |
mm | milimet |
cm | centimet |
pt | Điểm [1/72 inch] |
máy tính | PICA [12 điểm] |
24. góc/thời gian/tần số
Đơn vị
| Nghĩa
| Thí dụ
|
:: Letter đầu tiên | Thêm phong cách đặc biệt vào chữ cái đầu tiên của một văn bản | p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: #fff00; } |
:: fi đầu tiên | Thêm phong cách đặc biệt vào dòng đầu tiên của một văn bản | p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: đen; } |
::trước | Chèn một số nội dung trước một phần tử | p :: trước {& nbsp; & nbsp; & nbsp; nội dung: "Chào mừng bạn đến với Hackr:"; } |
::sau | Chèn một số nội dung sau một phần tử | p :: sau {& nbsp; & nbsp; & nbsp; nội dung: "Cảm ơn bạn đã xem"; } |
& nbsp; Các phép đo tuyệt đối | Biểu tượng | Đại diện |
Phần trăm | Tỷ lệ phần trăm | bệnh đa xơ cứng |
mili giây | S | thứ hai |
Trong | inch | mm |
milimet
Tài sản
| cm
| Thí dụ
|
:: Letter đầu tiên | Thêm phong cách đặc biệt vào chữ cái đầu tiên của một văn bản | p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: #fff00; } |
:: fi đầu tiên | Thêm phong cách đặc biệt vào dòng đầu tiên của một văn bản | p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: đen; } |
::trước | Chèn một số nội dung trước một phần tử | p :: trước {& nbsp; & nbsp; & nbsp; nội dung: "Chào mừng bạn đến với Hackr:"; } |
::sau | Chèn một số nội dung sau một phần tử | p :: sau {& nbsp; & nbsp; & nbsp; nội dung: "Cảm ơn bạn đã xem"; } |
& nbsp; Các phép đo tuyệt đối | Biểu tượng | Đại diện |
Phần trăm | Tỷ lệ phần trăm | bệnh đa xơ cứng |
mili giây | S | thứ hai |
Trong | inch | mm |
milimet | cm | centimet |
pt | Điểm [1/72 inch] | máy tính |
PICA [12 điểm] | 24. góc/thời gian/tần số | Đơn vị |
DEG | bằng cấp | tốt nghiệp |
dốc | cm | centimet |
pt | Điểm [1/72 inch] | máy tính |
PICA [12 điểm] | 24. góc/thời gian/tần số | Đơn vị |
DEG | bằng cấp | tốt nghiệp |
dốc | rad | Radian |
xoay | quay | Hz |
Hertz | KHz | Kilohertz |
25. Đo lường tương đối | PX | pixel của thiết bị |
GD | lưới được xác định bởi lưới bố trí | em |
Kích thước phông chữ của phần tử hiện tại | REM | Kích thước phông chữ của phần tử gốc |
Ví dụ
Tài sản
| cm
| Thí dụ
|
:: Letter đầu tiên | Thêm phong cách đặc biệt vào chữ cái đầu tiên của một văn bản | p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: #fff00; } |
:: fi đầu tiên | Thêm phong cách đặc biệt vào dòng đầu tiên của một văn bản | p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: đen; } |
::trước | Chèn một số nội dung trước một phần tử | Drop-initial-After-Align: 30% |
Drop-initial-Before-align | CAPS chiều cao | | Drop-initial-Beher-Align: Trung tâm |
Drop-initial-Before-điều chỉnh | trước khi đi | văn bản-trước-cạnh | Trung tâm | giữa | Treo | Toán học | Chiều dài | Phần trăm | Drop-initial-Before-Adjust: 10px Drop-initial-Before-Adjust: 10% Drop-initial-Before-Adjust: Middle |
giá trị giảm giá | Số nguyên ban đầu | giá trị giảm giá: 20 |
kích thước cơ bản thả | số nguyên tự động % dòng | Drop-initial-Size: 25% |
đường cơ sở thay đổi | phụ | Siêu | chiều dài % | Baseline-Shift: Super |
Thống lĩnh-Baseline | đường cơ sở/treo/giữa | Dominant-Baseline: Middle x = 25 y = 50 |
xếp hàng xếp hàng | xem xét thay đổi | Bỏ qua các dịch vụ | Dòng xếp chồng dịch chuyển: Bỏ qua các dịch vụ |
Chiến lược xếp hàng | nội tuyến-line-leight | Độ cao dòng khối | chiều cao tối đa | Độ cao lưới điện | Chiến lược xếp hàng dòng: Độ cao tối đa |
Inline-Box-Align | Ban đầu | Cuối cùng | Số nguyên & nbsp; | Inline-Box-Align: 2 Inline-Box-Align: Ban đầu |
chiều cao giữa các dòng | Bình thường/ số/ chiều dài/ % | Chiều dài dòng: 30% |
chiều cao văn bản | Tự động | kích thước phông chữ | kích thước văn bản | kích thước tối đa | Tối cao văn bản: Tự động |
thẳng đứng-align | Đường cơ sở | phụ | Siêu | Top | Text-top | giữa | Đáy | Độ dài đáy văn bản | Phần trăm | dọc-align: giữa |
Tải xuống CSS Cheat Sheet PDF
Sự kết luận
Cùng với đó là kết thúc của bảng gian lận CSS. Cách này bạn có thể tăng cường các kỹ năng của mình trong khi bạn đang tạo một trang web hoặc chuẩn bị cho cuộc phỏng vấn CSS. Bạn cũng có thể muốn đọc các loại CSS và sự khác biệt giữa CSS, CSS2, CSS3 để hiểu CSS tốt hơn. Bạn có thể sống trên trang web của mình với các kỹ năng CSS, vì vậy hãy tiếp tục và sáng lên. & NBSP;
Mọi người cũng đang đọc:eople are also reading:
- Câu hỏi phỏng vấn CSS
- Biên tập viên CSS tốt nhất
- Sự khác biệt giữa CSS, CSS2 và CSS3
- Sự khác biệt giữa HTML, HTML5 và XML
- Giải pháp thay thế góc hàng đầu
- Ide góc tốt nhất
- Câu hỏi và câu trả lời phỏng vấn góc cạnh hàng đầu
- Tải xuống bảng gian lận bootstrap
- Câu hỏi và câu trả lời phỏng vấn bootstrap hàng đầu
- Top 10 JavaScript IDE
- Bootstrap Cheat Sheet
Bảng cheat CSS là gì?
Tờ Cheat CSS là gì?Tờ Cheat CSS cung cấp cho bạn các đoạn CSS kiểu CSS phổ biến nhất, nền, nút, gia đình phông chữ, đặt hàng, bán kính, hộp và máy phát shadow văn bản, bộ chọn màu và nhiều công cụ hơn để tăng thêm trọng lượng trực quan cho tài liệu của bạn.
Có bao nhiêu thuộc tính CSS?
W3Schools liệt kê 228 trong số đó.228 of them.
Thuộc tính CSS là gì?
Thuộc tính CSS là một đặc tính [như màu] có giá trị liên quan xác định một khía cạnh của cách trình duyệt sẽ hiển thị phần tử.a characteristic [like color] whose associated value defines one aspect of how the browser should display the element.