Huy Đạt 1 tháng trước

Chia sẻ khóa học trang trí website bằng CSS

Ngôn ngữ tạo phong cách cho các trang web – CSS( tên tiếng anh là Cascading Style Sheet  ). Tương tự như ngôn ngữ HTML, CSS dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn ngữ đánh dấu.

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.

Chia sẻ khóa học trang trí website bằng CSS

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é

5/5 - (1 bình chọn)
148 lượt xem | 0 bình luận



Bình luận

https://nguyenhuydat.com
Huy Đạt 1 tháng trước
https://nguyenhuydat.com
harry 2 tháng trước
bạn có dịch vụ bảo vệ trang web bị hack chuyển hướng không ạh
https://nguyenhuydat.com
Huy Đạt 2 tháng trước
Cảm ơn bạn, hy vọng bài viết có thể giúp ích được cho công việc của bạn <3
https://nguyenhuydat.com
Kiều 3 tháng trước
tuyệt vời, cảm ơn bạn cho mình biết đến khái niệm này
https://nguyenhuydat.com
Quỳnh 5 tháng trước
rất hữu ích, cảm ơn bạn
https://nguyenhuydat.com
Huy Đạt 6 tháng trước
Cảm ơn bạn, hy vọng khóa học sẽ giúp ích cho cv của bạn :))
https://nguyenhuydat.com
Quỳnh 6 tháng trước
Cảm ơn bạn nhé, đúng thứ mình đang cần
https://nguyenhuydat.com
HƯƠNG 8 tháng trước
bài viết hay và bổ ích lắm
https://nguyenhuydat.com
Huy Đạt 8 tháng trước
Cảm ơn bạn nhé
https://nguyenhuydat.com
Hương Phạm 8 tháng trước
Hay quá, đúng thứ mình đang tìm kiếm