CSS căn bản (đã hoàn thành)

Hôm trước mình đã lấy ý kiến mọi người về vấn đề lập dự án lớp học cssvà cũng được sự ủng hộ nhiệt tình của mọi người nên hôm nay quyết định bắt tay vào thực hiện chuyên mục này luôn. Hôm nay mình sẽ nói về một số thuộc tính căn bản của css để phục vụ cho quá trình thiết kế.

Cách tạo class, Id và cách gọi ra một module. 

Bên dưới là các thuộc tính bạn có thể gắng vào class hoặc id.

1. Background (nền module) 

2. Border (Đường viền cho một module) 

3. Border-radius (bo góc module) 

4. Box-shadow (Bóng đổ cho module) 

5. Clear (Dừng float module) 

6. Color (Màu chữ) 

7. Display (Sắp xếp hoặc ẩn module) 

8. Float (Sắp xếp vị trí module) 

9. Font (Kiểu chữ trong module) 

10. Height - Width (Chiều cao - rộng module) 

11. Line-height (Chiều cao dòng chữ) 

12. list-style (dấu • định dạng đầu link) 

13. Margin (khoảng cách giữa các module) 

14. Max-height (Chiều cao tối đa module) 

15. Opacity (Độ trong suốt của một module) 

16. Overflow (Nội dung vượt ngoài module) 

17. Padding (Khoãng cách từ biên module đến phần nội dung bên trong) 

18. Position (Vị trí tương đối của một module) 

19. Text (Thuộc tính về chữ của module) 

20. Z-index (Sắp xếp module trên dưới) 

Chú ý: Bạn có thể kết hợp nhiều thuộc tính khác nhau vào một module theo dạng

.module_name{
thuộc tính thứ nhất;
thuộc tính thứ 2;
thuộc tính thứ 3;
...
}

Ví dụ mình có 1 class sau:

.voquocan {

background: #ccc;

border: 1px solid #aaa;

border-radius: 30px 0px 30px 0px;

box-shadow:1px 1px 2px 2px #333;

color:#991177;

font: italic bold 16px Georgia; 

height: 100px;

width: 300px;  

Margin: 10px 10px 10px 10px; 

Padding: 10px 10px 10px 10px; 

text-decoration:blink; 

text-align:center;

text-transform:uppercase;  
}

Và đây là kết quả khi gọi module ra

XIN CHÀO BẠN.
RẤT CÁM ƠN BẠN ĐÃ GHÉ THĂM BLOG CỦA MÌNH.
CHÚC BẠN CÓ MỘT NGÀY THẬT NHIỀU MAY MẮN

--- --- --- --- --- ---

Cơ bản về css thì đã hoàn thành. Tất nhiên còn rất nhiều css khác nhưng không thường xuyên sử dụng nên mình không đề cập ở đây. Nếu bạn gặp khó khăn gì trong việc viết ra các đoạn css này thì để lại comments bên dưới, mình sẽ cố gắng trả lời trong thời gian sớm nhất có thể. Chúc bạn thành công!