Trình kiểm tra bộ chọn css

Trong bài viết dưới đây, bạn sẽ được tìm hiểu về vai trò của CSS trong trang web thiết kế và một số hướng dẫn CSS cơ bản dành cho người mới tiếp cận với ngôn ngữ này. Đặc biệt, nếu bạn có định hướng trở thành lập trình viên frontend thì việc học CSS là vô cùng cần thiết

Trình kiểm tra bộ chọn css
Hướng dẫn CSS căn bản dành cho người mới bắt đầu

lục mục

  • Vì sao nên sử dụng CSS?
  • A number direction CSS base
    • Cú pháp CSS
    • Nhúng CSS vào một trang HTML
      • CSS bên ngoài
      • CSS nội bộ
      • CSS nội tuyến
    • CSS Selector cơ bản
      • Bộ chọn CSS cho phần tử (Bộ chọn phần tử CSS)
      • Bộ chọn CSS cho id (Bộ chọn id CSS)
      • Bộ chọn CSS cho lớp (CSS class Selector)
      • Bộ chọn CSS tổng số (Bộ chọn chung CSS)
      • Bộ chọn CSS cho nhóm (The CSS Grouping Selector)

Vì sao nên sử dụng CSS?

CSS (Cascading Style Sheet) là ngôn ngữ được sử dụng để thiết kế tệp HTML. Nó mô tả cách mà các phần tử HTML được hiển thị trên màn hình, trên giấy hoặc trên các phương tiện khác. Việc tạo CSS nên “phong cách” cho các phần tử trên trang web nhờ việc bổ sung thêm màu sắc, hiệu ứng, thay đổi bố cục, kích thước và kiểu chữ,…. to create should a started interface, khoa hoc.  

CSS giúp lập trình nhân viên tiết kiệm được rất nhiều công sức và thời gian cho việc lập trình nhờ khả năng kiểm soát bố cục cục bộ của nhiều trang web cùng một lúc.  

A number direction CSS base

Cú pháp CSS

Cú pháp CSS bao gồm một bộ chọn và một khối khai báo. Con trỏ chuột chọn vào phần tử HTML mà bạn muốn tạo kiểu.  

Trình kiểm tra bộ chọn css
Cú pháp CSS

Khối khai báo chứa ít nhất một khai báo được phân tách bởi các dấu chấm phẩy. Trong mỗi tuyên bố sẽ có một tên thuộc tính CSS và một giá trị, được phân tách với nhau bằng một dấu hai chấm. Các báo cáo được bao quanh bởi các dấu trích dẫn.   

Trình kiểm tra bộ chọn css
Ví dụ với cú pháp CSS

Trong ví dụ trên, p là một bộ chọn, trỏ đến thẻ

trong HTML. Màu sắc là một thuộc tính, màu đỏ là giá trị thuộc tính đó. Text-align là một thuộc tính và center là giá trị thuộc tính đó. 

Nhúng CSS vào một trang HTML

Có 3 cách để nhúng CSS vào HTML

CSS bên ngoài

Với cách này, bạn có thể dễ dàng thay đổi giao diện của cả trang web chỉ nhờ việc thay đổi duy nhất một tệp. you only need.  

  • Create a any file name with the end. css (ví dụ mystyle. css). Cách này có thể được viết trong mọi trình soạn thảo văn bản, miễn là bạn đặt tên tệp có đuôi. css is being.  
  • Sử dụng cú pháp thẻ sau đây trong phần của trang HTML: 
Trình kiểm tra bộ chọn css
CSS bên ngoài

CSS nội bộ

Cách thức này được áp dụng trong trường hợp một trang HTML có một kiểu cách duy nhất. Nó được xác định trong thẻ