Mình là Alan Tiến, hôm nay mình tiếp tục hướng dẫn các trong series css căn bản và các ứng dụng trong xây dựng giao diện website. Đến với series này mình mong rằng các bạn đã thành thạo các hàm html cơ bản mà mình đã giới thiệu trong series học html căn bản hồi tuần trước. Xin được nói thêm, series css căn bản này là những gì mình áp dụng trong thực tế, biên soạn lại từ các tài liệu theo chuẩn quốc tế w3sschools, nên ngoài CSS căn bản mình có sử dụng thêm CSS 3 để những bài ứng dụng sẽ theo sát mới thật tế hơn.
Tại sao phải học CSS
Cũng giống như html, kiến thức về CSS là hành trang bắt buộc khi bạn đi trên con đường thiết kế website. Tìm hiểu những kỹ năng về css sẽ giúp chúng ta dễ dàng thiết kế theo những layout website mà khách hàng yêu cầu, tư do sáng tạo những mẫu web độc đáo…
Học css căn bản cần những điều kiện gì?
Để học tốt CSS căn bản thì bạn cần phải có những yêu cầu sau:
- Có kiến thức về html căn bản (tìm hiểu thêm tại đây)
- Đảm mê thiết kế website
- Sử dụng thành thạo word, paint là một lợi thế
- Điều quan trong nhất là phải siêng năng, chịu khó thực hành
Mục tiêu sau khi hoàn series CSS
- Nắm vững những kiến thức CSS căn bản
- Vận dụng thành thạo những thuộc tính CSS
- Kết hợp DIV với CSS tạo được những bố cục website
- Điều khiển, chỉnh sửa, trang trí giao diện website theo ý muốn
Nào! Còn chần chừ gì nữa, hãy bật một công cụ soạn thảo website lên (zend studio, Dreamweaver…) và thực hành bài tập đầu tiên đi nào.
-
Bài 1: Css là gì? cách khai báo hàm css
-
Bài 2: Phân biệt vùng chọn class và id
-
Bài 3: Những đơn vị có trong css như px, pt, em và rem
-
Bài 4: Các thuộc tính css dành cho văn bản (text style css)
-
Bài 5: Cách kết nối html với css và bài tập ứng dụng
-
Bài 6: Thuộc tính định dạng và hiệu ứng cho thẻ a
-
Bài 7: Tìm hiểu box model là gì? (margin, padding)
-
Bài 8: Thuộc tính display trong css (display: bock, inline)
-
Bài 9: Thuộc tính float trong css, ứng dụng thẻ div và css tạo bố cục website
-
Bài 10: Thuộc tính màu nền, ảnh nền trong css (background)
-
Bài 11: Tạo viền với thuộc tính border trong css và các ứng dụng
-
Bài 12: Thuộc tính position trong css (relative, absolute)
-
Bài 13: Thuộc tính z-index và các ứng dụng
-
Bài 14: Tìm hiểu After và Before trong css, cách tạo những icon đẹp
Những ứng dụng trong series CSS căn bản này mình lấy ra từ những dự án mình đã thực hiện, nên mình đảm bảo nếu bạn hoàn thành được hơn 80% kiến thức trong case study CSS này bạn dễ dàng tạo giao diện website như ý muốn. Hẹn gặp lại các bạn trong những bài tập nâng cao về CSS. Mọi thắc mắc các bạn vào phần hỏi đáp để gửi câu hỏi nha.
