Tự học CSS
Cascading Style Sheets ( viết tắt: CSS) là một công cụ tuyệt vời để trợ giúp công việc dàn trang, thiết kế web của bạn. Nó giúp bạn tiết kiệm nhiều thời gian và có thể nâng cao việc thiết kế trang web của bạn theo cách hoàn toàn mới. Có thể nói CSS là một môn bắt buộc nếu bạn muốn làm công việc thiết kế web.
Những bài học nhập môn với CSS chỉ chiếm chút ít thời gian của bạn. Các bài học rất dễ hiểu và sẽ giúp bạn học tất cả các kỹ thuật phức tạp.
Học CSS rất thú vị. Cùng với việc theo suốt tất cả các bài hướng dẫn, bạn nên dành thời gian để thực hành sau mỗi bài đã học.
Sử dụng CSS đòi hỏi những kiến thức cơ bản về HTML, nếu bạn chưa từng học qua HTML, chúng tôi khuyên bạn nên bắt đầu từ các bài học về HTML trước khi bắt đầu học CSS
Bạn cần những phần mềm nào?
Bạn không nên sử dụng các phần mềm như FrontPage, DreamWeaver hay Word trong thời gian học. Các phần mềm nâng cao sẽ không giúp bạn học CSS, thay vì đó, chúng sẽ giới hạn và làm chậm tiến trình tiếp thu của bạn.
Những gì bạn cần sẽ là một chương trình soạn thảo văn bản cơ bản như Notepad có sẳn trong Window, Pico của Linux hoặc Simple Text trên Macintosh.
Một phần mềm soạn thảo văn bản sơ khai sẽ là sự trợ giúp lý tưởng cho việc học HTML và CSS bởi vì nó sẽ không tự động thay đổi code bạn viết. Nhờ đó, việc viết đúng hoặc sai sẽ được quyết định do chính bạn chứ không phải phần mềm.
Bạn có thể sử dụng bất cứ trình duyệt nào trong bài học này. Chúng tôi khuyên bạn nên luôn cập nhật các phiên bản mới nhất của trình duyệt.
Một trình duyệt và một chương trình soạn thảo văn bản như Notepad
là quá đủ để học CSS.
Nào chúng ta cùng bắt đầu!
Mục lục
- Bài 1: CSS là gì?
Khái quát về nguồn gốc của CSS và tại sao nó là cách chọn lựa thông minh để dàn trang và thiết kế web. - Bài 2: CSS hoạt động như thế nào?
Học những cú pháp cơ bản của CSS và tạo ra tập tin CSS đầu tiên của bạn - Bài 3: Màu chữ và màu nền
Học cách áp dụng màu chữ và màu nền cũng như ảnh nền trên trang web. - Bài 4: Font chữ
Học về font chữ và cách áp dụng CSS. - Bài 5: Chữ
Học cách tạo các kiểu cho chữ bằng CSS. - Bài 6: Liên kết
Học về cách tạo hiệu ứng cho liên kết và thuộc tính pseudo-classes. - Bài 7: Phần tử cá biệt và nhóm các phần tử (class and id)
Học chuyên sâu cách sử dụngclass
vàid
để xác định thuộc tính cho các phần tử chọn lọc. - Bài 8: Nhóm các phần tử (span and div)
Học chuyên sâu cách sử dụngspan
vàdiv
- Bài 9: Mô hình hộp – the box model
Mô hình hộp trong CSS và cách thức mô hình hộp được tạo ra từ các phần tử HTML. - Bài 10: Lề và vùng đệm – margin & padding
Thay đổi hình thức trình bày các phần tử bằng thuộc tínhmargin
vàpadding
. - Bài 11: Đường biên – borders
Học các tham số về border trong CSS - Bài 12: Chiều cao và rộng – height and width
Xác định chiều cao và rộng cho các phần tử. - Bài 13: Phần tử nổi (floats)
Cách sử dụng thuộc tính nổifloat
- Bài 14: Định vị các phần tử
Với các định vị bằng CSS, bạn sẽ dễ dàng đặt các phần tử bất cứ nơi nào trên trang. - Bài 15: Chồng lớp với z-index (Layers)
Học cách chồng các lớp bằng thuộc tính z-index trong CSS - Lesson 16: Tiêu chuẩn và xác nhận
Hiểu biết về chuẩn web W3C và cách kiểm tra CSS đúng chuẩn
Tài liệu học được biên soạn và được tác giả bổ sung dựa theo nguồn từ trang html.net