CSS là ngôn ngữ mô tả phong cách của tài liệu HTML.
CSS mô tả cách hiển thị các phần tử HTML.
Hướng dẫn này sẽ dạy cho bạn CSS từ cơ bản đến nâng cao.
Điểm nổi bật
* Ví dụ trong mỗi chương
* Hướng dẫn CSS này chứa hàng trăm ví dụ CSS.
* Với trình soạn thảo trực tuyến của chúng tôi, bạn có thể chỉnh sửa CSS và nhấp vào nút để xem kết quả.
CSS là gì?
CSS là viết tắt của Cascading Style Sheets
CSS mô tả cách các phần tử HTML được hiển thị trên màn hình, giấy hoặc trong các phương tiện khác
CSS tiết kiệm rất nhiều công sức. Nó có thể kiểm soát bố cục của nhiều trang web cùng một lúc
Biểu định kiểu bên ngoài được lưu trữ trong tệp CSS
Tại sao sử dụng CSS?
CSS được sử dụng để xác định kiểu cho các trang web của bạn, bao gồm thiết kế, bố cục và các biến thể hiển thị cho các thiết bị và kích thước màn hình khác nhau.
CSS giải quyết một vấn đề lớn
CSS tiết kiệm rất nhiều công việc!
Các định nghĩa kiểu thường được lưu trong các tệp .css bên ngoài.
Với tệp biểu định kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách chỉ thay đổi một tệp!
Một bộ quy tắc CSS bao gồm một bộ chọn và một khối khai báo:
Công cụ chọn trỏ đến phần tử HTML bạn muốn tạo kiểu.
Khối khai báo chứa một hoặc nhiều khai báo được phân tách bằng dấu chấm phẩy.
Mỗi khai báo bao gồm một tên thuộc tính CSS và một giá trị, được phân tách bằng dấu hai chấm.
Một khai báo CSS luôn luôn kết thúc bằng một dấu chấm phẩy, và các khối khai báo được bao quanh bởi các dấu ngoặc nhọn.
Trong ví dụ sau, tất cả các phần tử
sẽ được căn giữa, với màu văn bản màu đỏ:
Bộ chọn CSS
Bộ chọn CSS được sử dụng để "tìm" (hoặc chọn) các phần tử HTML dựa trên tên phần tử, id, lớp, thuộc tính và các yếu tố khác.
Bộ chọn phần tử
Bộ chọn phần tử chọn các phần tử dựa trên tên phần tử.
Bạn có thể chọn tất cả các phần tử
trên một trang như thế này (trong trường hợp này, tất cả các phần tử
sẽ được căn giữa, với màu văn bản màu đỏ):
Bộ chọn id
Bộ chọn id sử dụng thuộc tính id của phần tử HTML để chọn một phần tử cụ thể.
Id của một phần tử phải là duy nhất trong một trang, do đó bộ chọn id được sử dụng để chọn một phần tử duy nhất!
Để chọn một phần tử có id cụ thể, hãy viết một ký tự băm (#), theo sau là id của phần tử.
Tính năng, đặc điểm:
Khái niệm cơ bản về ✓CSS - Màu sắc, Hình nền, Phông chữ, Văn bản, Hình ảnh, Liên kết, Bảng, Biên giới, Lề, Danh sách, Đệm, Con trỏ, Đường viền, Kích thước, Thanh cuộn, v.v.
✓ CSS Nâng cao: Hiển thị, Định vị, Lớp, Hiệu ứng Văn bản, Loại Phương tiện, Phương tiện Paged, Bố cục, v.v.
Hướng dẫn ✓CSS3: Góc tròn, Hình ảnh đường viền, Đa nền, Màu, Gradients, Bóng, Văn bản, Phông chữ web, chuyển đổi 2d, chuyển đổi 3d, Hoạt ảnh, Nhiều cột, Giao diện người dùng, Kích thước hộp
✓ Bao gồm 80 video hướng dẫn CSS và Hướng dẫn bằng video CSS3, Hướng dẫn bằng video hoạt hình CSS
✓ Khả năng học hỏi theo thời gian của bạn từ bất cứ đâu khi bạn không thể truy cập internet.
✓ Tối ưu hóa cho hầu hết các thiết bị hỗ trợ Android với đồ họa và thiết kế nâng cao
Nhãn:
Tìm hiểu CSS, Tìm hiểu hoạt ảnh CSS, Hướng dẫn, Tìm hiểu hoạt ảnh miễn phí, Cách tìm hiểu CSS, Hướng dẫn CSS miễn phí