Định nghĩa và sử dụng Thuộc tính border-spacing xác định khoảng cách giữa các đường viền của table. Chú ý là thuộc tính border-spacing chỉ được sử dụng cho thành phần table có các đường viền tách biệt nhau (border-collapse: separate). Cấu trúc table { border-spacing: giá trị; } Với thuộc tính và giá trị như […]

Định nghĩa và sử dụng Thuộc tính border-collapse xác định đường viền của table có tách biệt ra hay không. Chú ý là thuộc tính border-collapse chỉ được sử dụng cho thành phần table. Cấu trúc table { border-collapse: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả border-collapse […]

Định nghĩa và sử dụng Thuộc tính border được dùng để định dạng đường viền cho thành phần. Cấu trúc tag { Thuộc tính: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính định dạng Thuộc tính giá trị Mô tả border-color mã màu tên màu Giá trị rgb Xác định […]

Định nghĩa và sử dụng Thuộc tính background được dùng để định dạng nền (background) cho thành phần. Cấu trúc tag { Thuộc tính: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả background-attachment fixed scroll Xác định thành phần nền được cố định hoặc cuộn so […]

Định nghĩa và sử dụng “[thuộc tính=giá trị]” chọn tất cả các thành phần với thuộc tính bằng giá trị. Cấu trúc [thuộc tính=giá trị] { property: value; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”http://localhost/job/lth/lth-cv”>Học HTML – CSS</a></p> <p><a href=”http://www.google.com” target=”_blank”>Google</a></p> <p><a href=”http://www.vnexpress.net” target=”_self”>vnexpress</a></p> </body> </html> Hiển thị trình duyệt khi chưa […]

Định nghĩa và sử dụng “[attribute~=value]” chọn tất cả các thành phần với thuộc tính chứa một giá trị. Cấu trúc [attribute~=value] { property: value; } Ví dụ Html viết: <html> <head></head> <body> <p><img src=”https://lth90.top/wp-content/uploads/2023/09/img_planet.png” title=”myWeb” alt=”” /></p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: CSS viết: [title~=myWeb] { border: 5px solid […]

Định nghĩa và sử dụng “[Thuộc tính|=ngôn ngữ]” được sử dụng để chọn tất cả các thành phần với thuộc tính có giá trị = “ngôn ngữ”. Lưu ý: Giá trị phải là một từ: lang=”en”, hoặc theo sau dấu gạch nối (-): lang=”en-us”. Cấu trúc [Thuộc tính|=ngôn ngữ] { property: value; } Ví dụ […]

Định nghĩa và sử dụng “[thuộc tính]” chọn tất cả các thành phần có cùng thuộc tính (attribute). Cấu trúc [thuộc tính] { property: value; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”#”>Học HTML – CSS</a></p> <p><a href=”#” target=”_blank”>Google</a></p> <p><a href=”#” target=”_self”>vnexpress</a></p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học […]

Định nghĩa và sử dụng “:visited” định dạng cho các thành phần đã được click. Cấu trúc a:visited { property : value; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”#”>Học HTML – CSS</a></p> <p><a href=”#”>Google</a></p> <p><a href=”#”>vnexpress</a></p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học HTML – CSS Google vnexpress […]

Định nghĩa và sử dụng “:link” định dạng cho tất cả liên kết khi chưa được click. Cấu trúc a:link { property : value; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”#”>Học HTML – CSS</a></p> <p><a href=”#”>Google</a></p> <p><a href=”#”>vnexpress</a></p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học HTML – CSS […]

Định nghĩa và sử dụng “:lang(mã ngôn ngữ)” chọn thành phần với thuộc tính “lang” có giá trị bắt đầu với “mã ngôn ngữ”. Cấu trúc tag:lang(mã ngôn ngữ) { property : value; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”#” lang=”vi”>Học HTML – CSS</a></p> <p><a href=”#” lang=”en”>Google</a></p> <p><a href=”#” lang=”vi”>vnexpress</a></p> </body> </html> Hiển […]

Định nghĩa và sử dụng “:hover” chọn các liên kết được hover (di chuyển chuột lên thành phần). Cấu trúc a:hover { property : value; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”#”>Học HTML – CSS</a></p> <p><a href=”#”>Google</a></p> <p><a href=”#”>vnexpress</a></p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học HTML – […]