CSS
CSS Image sprites
Image sprites là một hình ảnh chứa nhiều hình ảnh khác, thường là các icon của website.
CSS Opacity
Thuộc tính opacity chỉ định độ mờ/ độ trong của phần tử HTML. Thuộc tính opacity nhận giá trị từ 0.0 đến 1.0 . Giá trị càng thấp thì càng trong suốt (transparent). Chú ý: IE8 trở về trước sử dụng filter:alpha(opacity=x). Giá trị x nhận từ 0 - 100. Giá trị càng thấp thì càng trong suốt (transparent).
CSS Float
Thuộc tính CSS float nhận 1 trong 4 giá trị sau:
- left : Phần tử nổi về bên trái trong container chứa nó.
- right : Phần tử nổi về bên phải trong container chứa nó.
- none : Thuộc tính mặc định. Phần tử hiển thị theo thứ tự bình thường theo cấu trúc HTML.
- inherit : Phần tử thừa kế giá trị float của phần tử cha nó.
CSS Overflow
Thuộc tính CSS overflow có 4 giá trị sau đây:
- visible : Thuộc tính mặc định. Phần nội dung không bị cắt, nó tràn ra ngoài phần tử chứa nó.
- hidden : Nội dung sẽ bị cắt bớt, phần tràn ra ngoài được ẩn đi.
- scroll : Nội dung sẽ bị cắt bớt, có thanh scroll bar được thêm vào để xem cần tràn ra.
- auto : Tương tự như scroll, nhưng nó chỉ thêm thanh scroll bar khi nội dung bị tràn ra.
CSS Display
Thuộc tính display là thuộc tính quan trọng nhất trong CSS cho việc control layout.
Thuộc tính display xác định cách phần tử HTML hiển thị như thế nào. Mỗi phần tử HTML đều có giá trị display mặc định phụ thuộc vào chính phần tử đó. Giá trị display mặc định của đa số các phần tử là block hoặc inline.
CSS Lists
Trong HTML có 2 cách chính để tạo list :
- Không có thứ tự (ul) - List được đánh dấu theo biểu tượng
- Có thứ tự (ol) - List được đánh dấu theo số thứ tự
CSS Links
Trong CSS, thẻ link có thể được style với bất kì thuộc tính nào (size, color, background,...). Thẻ link có thể được CSS theo trạng thái mà nó đang có, có 4 trạng thái cơ bản:
- a:link - trạng thái bình thường, user chưa nhấn chuột vào (unvisited)
- a:visited - thẻ link này user đã nhấn chuột vào (visited)
- a:hover - khi user đưa chuột lên thẻ link
- a:active - thời điểm khi thẻ link đang được click vào
CSS Icons
Cách đơn giản nhất để add icon vào website là dùng thư viện có sẵn, ví dụ như Font Awesome, Bootstrap icon, Google icon.
CSS Fonts
Thuộc tính CSS font định nghĩa font family, font style, font size và font weight của đoạn text.