I. Tìm hiểu về CSS và vai trò của nó đối với website

CSS được ra đời vào năm 1996, được phát triển bởi W3C (World Wide Web Consortium). Nếu như HTML được ví như một bộ xương của giao diện website, bất kỳ website trên nền tảng nào ( WordPress, Wix,..) . Nó giúp chúng ta xác định được bố cục, cấu trúc trên mỗi website  và được đánh dấu bằng những thẻ (tag) nhất định. Mỗi thẻ lại mang một vài trò riêng trong website. Một “bộ xương” thì sẽ đi liền với nó là phần “da thịt ” ==> CSS .

Ngôn ngữ CSS cho phép bạn điều khiển thiết kế của nhiều thành phần HTML chỉ với duy nhất 1 vùng chọn CSS. Bạn có thể trang trí website một cách bắt mắt, tùy chỉnh về màu sắc, kích thước hiển thị , vị trí hiển thị, hiệu ứng…CSS giúp chúng ta tách rồi 2 thành phần : Cấu trúc hóa website(HTML) và trình bài website thành 2 công việc độc lập nhau.

Chú ý: Nếu chúng ta cố gắng sử dụng ngôn ngữ HTML để trình bày website thì chúng ta phải sử dụng các thuộc tính định dạng , thẻ định dạng khác. Lúc này mã nguồn HTML trở nên rất phức tạp. Việc sửa chữa sau này sẽ rất khó khăn.

II. Khóa học trang trí website bằng CSS miễn phí

Các bài học trong khóa gồm:

1. CSS là gì?

2. Các khái niệm thuật ngữ nền tảng

3. Các cách nhúng mã nguồn CSS vào tài liệu HTML( 2 phần )

4. Giới thiệu các Text Editor để làm việc với CSS

5. Type-Selector

6. Class và ID-Selector

7. Attribute- Selector

8. Pseudo_Class và Element_Selector

9. Combinator_Selector ( 2 phần )

10. Đơn vị tuyệt đối ( Absolute_Length_Units)

11. Đơn vị tương đối( Relative_Length_Units)

12. Textual_and_numeric_data_type

13. Cơ chế thiết lập giá trị cho các Property

14. Các giá trị về màu sắc (color_values)

15. Font_Property

16. Text_Property (2 phần )

17. List_Property

18. Khái niệm về Box Model ( 2 phần )

19. Block và inline

20. Box sizing Property

21. Overflow Property

22. Float Property

23. Clear Property

24. Kỹ thuật Hidden và Clear fix

25. Position Property – Static và Relative

26. Position Property – Absolute

27. Position Property – Fixed

28. Index Property

29. Màu nền và hình nền

30. Border Radius

III. Công cụ sử dụng trong khóa học

Notepad ++ – Công cụ viết mã HTML/CSS chuyên nghiệp miễn phí.

Sublime Text Công cụ viết mã HTML/CSS khác nếu không thích dùng Notepad++

Mozila Thimble – Hỗ trợ học HTML.

w3schools.com – Website chia sẻ kiến thức và thực hành trực tiếp

jsFiddle – Hỗ trợ học HTML, CSS, Javascript,…

HTML Color Picker – Lấy mã màu

Trên đây là nhưng chia sẻ về khóa học, nếu bạn có nhu cầu tìm hiểu và học có thể bấm vào ” TẢI VỀ NGAY  ” ở phía dưới để bắt đầu học nhé

[macos]https://drive.google.com/drive/u/2/folders/0B4fU5__VXkIkenpCd3hOenp1QW8?resourcekey=0-p85891hWH2BIOJv6dG5Cpw[/macos]