Hướng Dẫn Học CSS | Học Web Chuẩn

Hướng dẫn học CSS

• Trang chủ
• Hướng dẫn học
• Hướng dẫn học CSS

Học CSS

CSS là ngôn ngữ dùng để định dạng cho các thẻ HTML, định dạng có thể sẽ là: chỉnh vị trí, chiều rộng, độ cao, màu sắc, font chữ, màu nền, hình nền, ..., có thể xem là công việc trang trí, làm cho trang web đẹp hơn, dễ nhìn hơn.

CSS có hơn 20 bộ chọn và 50 thuộc tính khác nhau, nhưng sẽ có những bộ chọn và thuộc tính được sử dụng rất nhiều lần, nội dung bài học sẽ để cập tới những thuộc tính thường dùng, các bộ chọn và thuộc tính khác, các bạn có thể xem thể tại phần tham khảo CSS.

Để tiện hình dung về CSS, chúng ta chia thuộc tính làm 3 nhóm:

• Các thuộc tính định dạng cho text.
• Các thuộc tính định dạng chung.
• Nhóm các thuộc tính điều khiển nội dung, nhóm này dùng để sắp xếp bố cục cho các thành phần HTML.

• Giới thiệu về CSS
• Sử dụng CSS

• Các thuộc tính định dạng cho text

  • color
  • font-family
  • font-size
  • font-style
  • letter-spacing
  • line-height
  • text-decoration
  • word-spacing

• Các thuộc tính định dạng chung

  • background
  • border
  • height
  • width
  • text-align

• Các thuộc tính điều khiển nội dung

  • padding
  • margin
  • float
  • clear
  • Thủ thuật clearfix
  • display
  • position

• Học thêm bộ chọn và thuộc tính CSS3

Bạn có thể tham khảo nhiều thuộc tính hơn tại CSS.

Bài tập CSS & CSS3

• Bài tập CSS & CSS3 cơ bản
• Bài tập CSS & CSS3 nâng cao

Bài tập layout mẫu

• Phần Header
• Phần Global navigation
• Phần Content
• Phần Sidebar
• Phần Footer
• Tổng kết bài tập CSS

Học web chuẩn

HƯỚNG DẪN HỌC

Hướng dẫn học CSS

• Hướng dẫn học CSS
• Giới thiệu về CSS
• Sử dụng CSS

• Các thuộc tính định dạng cho text

  • color
  • font-family
  • font-size
  • font-style
  • letter-spacing
  • line-height
  • text-decoration
  • word-spacing

• Các thuộc tính định dạng chung

  • background
  • border
  • height
  • width
  • text-align

• Các thuộc tính điều khiển nội dung

  • padding
  • margin
  • float
  • clear
  • Thủ thuật clearfix
  • display
  • position
• Xem thêm ví dụ về CSS
• Bài tập CSS & CSS3 cơ bản
• Bài tập CSS & CSS3 nâng cao

Hướng dẫn học XHTML & HTML5

Bài tập HTML & HTML5

Hướng dẫn học CSS

Hướng dẫn học CSS3

Bài tập CSS & CSS3

Hướng dẫn học SCSS

Hướng dẫn học Responsive

Hướng dẫn học jQuery

Bài tập jQuery

Hướng dẫn học ES6

Hướng dẫn học React.js

Hướng dẫn học Webpack

Hướng dẫn XAMPP

Hướng dẫn học PHP

Hướng dẫn học Laravel

Hướng dẫn học htaccess

THAM KHẢO

• Tham khảo
• Tham khảo HTML4/XHTML
• Tham khảo HTML5
• Tham khảo CSS
• Tham khảo CSS3
• Tham khảo jQuery

CHUYÊN ĐỀ

• Chuyên đề
• Chuyên đề HTML/CSS
• Chuyên đề HTML5/CSS3
• Chuyên đề jQuery/JS
• jQuery/JS plugin

GÓP Ý - LIÊN HỆ

• BẠN SẼ TÀI TRỢ?DONATE
• CÔNG CỤ TẠO CSS3CSS3 GENERATOR
• BỘ CÔNG CỤGENERATOR TOOLS
• CÔNG CỤ HỖ TRỢWEB TOOLS
• CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
• CÔNG CỤ KIỂM TRA RESPONSIVE TEST
• CHIA SẺ HAYWEB & TOOLS

• 
• 
•