Tờ phong cách xếp tầng, hay viết tắt là CSS, là một ngôn ngữ theo phong cách được viết bằng ngôn ngữ đánh dấu. CSS xác định các yếu tố trình bày, nhìn và định dạng của các tài liệu web, chẳng hạn như bố cục, màu sắc và phông chữ.
CSS Cú pháp là toàn diện và không dễ để luôn biết cú pháp chính xác hoặc biết tất cả các thuộc tính CSS có sẵn và các giá trị tương ứng. Để giúp các nhà phát triển và nhà thiết kế CSS, Toptal đã tạo một hướng dẫn tham khảo nhanh và cung cấp nó cho cộng đồng dưới dạng tải xuống miễn phí. Hướng dẫn tham khảo CSS bao gồm cú pháp CSS, bộ chọn, thuộc tính, kích thước và đơn vị quan trọng nhất và thông tin CSS hữu ích khác ở định dạng ngắn và thông tin. Chúng tôi hy vọng bạn sẽ tìm thấy bảng gian lận CSS là một nguồn tài nguyên có giá trị.
Bạn cũng có thể kiểm tra các trang tài nguyên toptal để biết thêm thông tin về các lỗi CSS phổ biến, hướng dẫn tuyển dụng CSS, câu hỏi phỏng vấn CSS và các mẹo CSS và thực tiễn tốt nhất. Chúng tôi cũng cung cấp CSS3 Maker, một công cụ trực quan để nhanh chóng tạo đoạn CSS.
Nhấn vào đây để tải xuống bảng gian lận CSS
Bảng gian lận CSS
Cú pháp | Mô hình hộp | ||
/* Bình luận */ @Media loại { & nbsp; bộ chọn { & nbsp; & nbsp; giá trị tài sản; & nbsp; } } Lưu ý: Loại phương tiện là tùy chọn | | ||
Phong cách nội tuyến & nbsp; | |||
Phong cách nhúng & nbsp; Phong cách nhúng & nbsp; & nbsp; Phong cách nhúng & nbsp; | |||
Phong cách nhúng & nbsp; Phong cách nhúng & nbsp; & nbsp; & nbsp; | Phong cách nhúng | ||
& nbsp; & nbsp; | margin-topmargin-rightmargin-bottommargin-left | ||
& nbsp; & nbsp; & nbsp; bộ chọn {thuộc tính: giá trị; } | Bảng kiểu bên ngoài | padding-toppadding-rightpadding-bottompadding-left | |
& nbsp; & nbsp; & nbsp; type = "text /css" href = "style.css" /> | Hộp | ||
lề | Người chọn | đệm | border-topborder-rightborder-bottomborder-left |
* | Tất cả các yếu tố | ||
nhãn | Tất cả các yếu tố thẻ | border-color | border-top-colorborder-right-colorborder-bottom-colorborder-left-color |
biên giới | nhãn * | ||
Tất cả các phần tử trong thẻ | Tag2 | border-style | border-top-styleborder-right-styleborder-bottom-styleborder-left-style |
các thành phần Tag2 trong thẻ | Tag, Tag2 | ||
.class | Tất cả các thành phần Tag và Tag2 | border-width | border-top-widthborder-right-widthborder-bottom-widthborder-left-width |
tag.class | Tag> Tag2 | ||
#id | Tag2 là một đứa trẻ của Tag | Tag + Tag2 | |
tag#id | Tag2 trước TAG | Các yếu tố với lớp ’lớp học | Tất cả các thẻ với lớp ‘lớp Yếu tố với id id |
Pseudo-selectors | |||
:active | Kích thước và màu sắc | Tag với ID ‘ID | Kích thước tương đối em | REM | Ex | ch |
:after | vw | vh | vmin | vmax | Phần trăm | ||
:before | Thêm phong cách vào phần tử hoạt động | Kích thước tuyệt đối | cm | mm | Trong |
px | pt | máy tính | Thêm nội dung sau phần tử | Nội dung ADS trước phần tử | |
:first-letter | Màu sắc | Hex #ff00ff | |
:first-line | : con đầu tiên | Thêm phong cách cho đứa con đầu lòng | RGB RGB [255,0,255] |
:focus | Thêm phong cách cho nhân vật đầu tiên | ||
:hover | Định vị | float | Thêm phong cách cho dòng đầu tiên |
:link | Chức vụ | ||
:visited | Tuyệt đối | Đã sửa lỗi | tương đối | tĩnh | thừa kế | Thêm phong cách vào phần tử tập trung | Thêm phong cách khi chuột kết thúc |
trái | đúng | Không có | thừa kế | |||
font-family | Thêm phong cách vào liên kết không được biết đến | Thêm phong cách vào liên kết truy cập | trên cùng, phải, dưới cùng, bên trái |
font-size | Đặt phần bù từ cạnh | ||
font-style | Chữ | Chỉ định gia đình phông chữ | xa lạ |
font-variant | trái | đúng | cả hai | Không có | thừa kế | Chỉ định kích thước phông chữ | Bình thường | in nghiêng | xiên | thừa kế |
trưng bày -weight | Chỉ định phần tử đặt trong luồng tài liệu | ||
Bình thường | Vùng nhỏ | thừa kế | tràn ra | ||
Có thể nhìn thấy | ẩn | Cuộn | Tự động | thừa kế | nét chữ | ||
line-height | Bình thường | táo bạo | táo bạo hơn | nhẹ hơn | int [100- 900] | thừa kếint | % | inherit | z-index | hiển thịint | inherit |
text-align | Có thể nhìn thấy | ẩn | sụp đổ | thừa kế | màu sắc | |
Đặt màu của văn bản | Bình thường | int & nbsp; | % | thừa kếint | % | inherit | ||
text- Tự động | int & nbsp; | thừa kế | trái | đúng | trung tâm | Biện minh | thừa kế | max-height | Kích thướcint | % | inherit |
max-width | Kích thướcint | % | inherit | ||
text-indent | Chiều cao | % | inherit | min-height | Chiều cao | % | inherit |
text- Tự động | int & nbsp; | % | thừa kế | trang trí | min-width | Chiều cao | % | inherit |
Tự động | int & nbsp; | % | thừa kế | Bình thường | int & nbsp; | % | thừa kếint | % | inherit | ||
Tự động | int & nbsp; | thừa kế -align | trái | đúng | trung tâm | Biện minh | thừa kế | % | baseline | sub | super | top | text-top middle | bottom | text-bottom | inherit | Kích thước | |
Chiều cao | Tự động | int & nbsp; | % | thừa kế trang trí Không có | gạch chân | Trên đường phố | dòng qua | nhấp nháy | thừa kế | ||
Không có | int & nbsp; | % | thừa kế -space | int & nbsp; | % | thừa kế | ||
biến đổi | Không có | Viết hoa | Hậu duệ | chữ thường | thừa kế | ||
word-spacing | bề rộng | theo chiều dọc | int & nbsp; | % | đường cơ sở | phụ | Siêu | Top | Text-top Middle | Đáy | văn bản-đáy | thừa kế |
Freelancer? Tìm công việc tiếp theo của bạn. Find your next job.
Tomislav Bacinger
Kỹ sư phần mềm tự do
Thông tin về các Tác giả
Tomislav khám phá các khu vực chưa được khám phá, mang lại cảm giác dữ liệu và tạo ra hình ảnh và bản đồ dữ liệu nhập vai. Ông có nhiều kinh nghiệm về phân tích dữ liệu và sự cố dữ liệu, kiến thức GIS chuyên sâu với nền tảng không gian địa lý rộng lớn, và chuyên môn mạnh mẽ trong việc thiết kế và phát triển các ứng dụng web và di động. Bản đồ và trực quan là niềm đam mê của anh ấy.