CSS (Cascading Style Sheets) là một phần quan trọng trong việc phát triển web hiện đại. Nó cho phép chúng ta kiểm soát và tuỳ chỉnh giao diện của trang web, từ màu sắc và hình dạng cho đến căn chỉnh và khoảng cách. Dưới đây là một số thuộc tính quan trọng cần phải biết để làm việc hiệu quả với CSS.
Table of Contents
Background (Nền)
Thuộc tính “background” cho phép chúng ta định dạng nền cho các thành phần trong trang web. Ví dụ, với “background: #ff0000;”, chúng ta có thể thiết lập nền màu đỏ cho một thành phần.
Border (Đường viền)
Thuộc tính “border” cho phép chúng ta định dạng đường viền cho các thành phần trên trang web. Ví dụ, với “border: 1px solid #ff0000;”, chúng ta có thể tạo ra một đường viền mỏng màu đỏ cho một thành phần.
Border-collapse (Đường viền sụp)
Thuộc tính “border-collapse” xác định xem các đường viền của bảng có được tách biệt hay không. Với “border-collapse: collapse;”, chúng ta có thể thực hiện tách biệt các đường viền của bảng.
Border-spacing (Khoảng cách đường viền)
Thuộc tính “border-spacing” xác định khoảng cách giữa các đường viền của các cột lân cận. Với “border-spacing: 10px;”, chúng ta có thể tạo ra khoảng cách 10px giữa các đường viền của các cột.
Bottom (Phía dưới)
Thuộc tính “bottom” xác định vị trí dưới cùng của một thành phần được định vị trên trang. Với “bottom: 10px;”, chúng ta có thể đặt thành phần ở vị trí cách phía dưới 10px.
Caption-side (Vị trí chú thích)
Thuộc tính “caption-side” xác định vị trí một chú thích của bảng. Với “caption-side: bottom;”, chúng ta có thể đặt chú thích ở vị trí dưới cùng của bảng.
Clear (Xóa)
Thuộc tính “clear” xác định 2 bên của phần tử mà phần tử float không được phép. Với “clear: both;”, chúng ta có thể xác định rằng không có phần tử nào được float từ cả hai bên của phần tử hiện tại.
Clip (Cắt)
Thuộc tính “clip” xác định phần nào của thành phần sẽ được hiển thị khi sử dụng thuộc tính “position” với giá trị “absolute”. Với “clip: rect(0,0,50px,10px);”, chúng ta có thể xác định rằng chỉ có phần được nằm trong đoạn từ điểm (0,0) đến điểm (50px, 10px) sẽ được hiển thị.
Color (Màu sắc)
Thuộc tính “color” xác định màu sắc cho văn bản. Với “color: #ff0000;”, chúng ta có thể đặt màu sắc của văn bản thành màu đỏ.
…
Với CSS, chúng ta có nhiều thuộc tính khác nhau để tùy chỉnh giao diện trang web. Việc hiểu và sử dụng chúng một cách hiệu quả sẽ giúp chúng ta phát triển các trang web chất lượng cao. Để biết thêm thông tin và tìm hiểu về CSS, hãy truy cập Wiki Fin.