Bài 40: Specificity trong CSS
Specificity trong CSS là gì ? Nếu có hai hoặc nhiều quy tắc CSS xung đột trỏ đến cùng một phần tử, trình duyệt sẽ tuân theo một số quy tắc để xác định...
Khoá học về CSS
Specificity trong CSS là gì ? Nếu có hai hoặc nhiều quy tắc CSS xung đột trỏ đến cùng một phần tử, trình duyệt sẽ tuân theo một số quy tắc để xác định...
Đơn vị CSS CSS có một số đơn vị khác nhau để thể hiện độ dài. Nhiều thuộc tính CSS có giá trị “chiều dài”, chẳng hạn như width, margin, padding, font-size, … Chiều...
Bố cục website Một một website thường được chia thành các phần headers, menus, content và footer: Có rất nhiều thiết kế bố trí khác nhau để lựa chọn. Tuy nhiên, cấu trúc trên...
Bộ đếm CSS là “biến” được duy trì bởi CSS mà giá trị của nó có thể được tăng lên bởi các quy tắc CSS (để theo dõi số lần chúng được sử dụng)....
Giao diện của một biểu mẫu HTML có thể được cải thiện hơn với CSS: Tạo kiểu cho các trường đầu vào Sử dụng thuộc tính width để xác định rõ chiều rộng của...
Tạo kiểu cho phần tử HTML với thuộc tính cụ thể Nó có thể tạo kiểu cho phần tử HTML đó có thuộc tính hoặc giá trị thuộc tính cụ thể. Bộ chọn [attribute]...
Hình ảnh sprites Hình ảnh sprites là một tập hợp các hình ảnh nhỏ được đưa vào một ảnh lớn duy nhất. Một trang web với nhiều ảnh có thể chiếm nhiều thời gian...
CSS có thể sử dụng để tạo một thư viện hình ảnh. Thư viện hình ảnh Ví dụ này tạo thư viện hình ảnh với CSS: <html> <head> <style> div.gallery { margin: 5px; border:...
Dropdown cơ bản Tạo hộp dropdown suất hiện khi người dùng di chuyển chuột qua một phần tử. <style> .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px;...
Thanh điều hướng ngang Có hai cách để tạo thanh điều hướng ngang. Sử dụng danh sách inline hoặc floating. Danh sách inline Một cách để xây dựng thanh điều hướng ngang là xác...
Thanh điều hướng dọc (Vertical Navigation Bar) Để xây dựng một thanh điều hướng dọc, bạn có thể tạo kiểu cho phần tử <a> bên trong danh sách: li a { display: block; width:...
Ví dụ về thanh điều hướng nằm dọc và nằm ngang: Thanh điều hướng – Navigation Bars Có thanh điều hướng dễ sử dụng là điều quan trọng đối với bất kỳ trang web...
Thuộc tính opacity chỉ định độ mờ đục / trong suốt của một phần tử. Độ trong suốt của hình ảnh (Transparent Image) Thuộc tính opacity có thể được thiết lập giá trị từ...
Pseudo-Elements là gì? Pseudo-element được sử dụng để định kiểu (style) cho một phần được chỉ định của một phần tử. Ví dụ, nó có thể sử dụng để: Định dạng style cho chữ...
Pseudo-classes là gì? Pseudo-Class để xác định trạng thái đặc biệt của một phần tử. Ví dụ, nó có thể sử dụng để: Định dạng cho một phần tử khi người dùng di chuột...
Bộ tổ hợp trong CSS (CSS Combinators) Lưu ý:Một bộ tổ hợp là mối liên hệ giữa các selector. Bộ chọn CSS có thể có nhiều hơn một bộ chọn. Giữa các bộ chọn...
Khoá học / Sách, bài giảng / Tài liệu / Tin học văn phòng / Tin học đại cương
13/10/2015