Cú pháp CSS – các cách viết CSS – Freetuts

Cùng xem Cú pháp CSS – các cách viết CSS – Freetuts trên youtube.

Cach viet css

Ở bài trước, chúng ta đã tìm hiểu css là gì rồi phải không? Vì vậy, trong bài viết này, chúng ta sẽ học cú pháp viết css và tìm hiểu ba cách để hiển thị css (inline, external, internal).

test php

1. cú pháp css

chúng tôi chia mã css thành hai phần:

  • selector : selector sẽ trỏ đến các đối tượng (html) bị ảnh hưởng bởi css
  • khai báo : thuộc tính css được sử dụng để tạo kiểu thẻ của bộ chọn

ví dụ : Đặt màu nền thành đỏ và văn bản thành xanh lam cho thẻ h1

ở đâu:

bài viết này đã được xuất bản trên [free tuts .net]

  • h1 là bộ chọn
  • nền, các thuộc tính màu bên trong {} dấu ngoặc là phần khai báo.

Xem Thêm : Chứng nhận xuất xưởng là gì? Tại sao cần giấy chứng nhận xuất xưởng?

có lẽ về selector thì mình sẽ giới thiệu ở bài sau nên mình sẽ không nói nhiều trong bài này. Riêng phần khai báo, bạn sẽ nhận thấy bên trong là danh sách các thuộc tính và giá trị của thuộc tính đó (key: value), mỗi thuộc tính sẽ kết thúc bằng dấu chấm phẩy (;).

2. viết css ở đâu?

Trong cú pháp css có lẽ tôi vẫn còn hơi mơ hồ, phải không? vì vậy phần này sẽ thực sự thú vị vì chúng tôi sẽ trình diễn trực quan và chân thực.

chúng tôi có ba cách để viết css đó là:

  • inline : viết trực tiếp vào thẻ thông qua thuộc tính style
  • external : viết một thẻ riêng biệt với phần mở rộng .css và sau đó nhập nó bằng thẻ liên kết.
  • inner – ghi vào tệp html hiện tại và bên trong thẻ kiểu

# nội tuyến

trong thẻ html, chúng tôi tạo một style = “css code”.

ví dụ : xem bản trình diễn

# nội bộ

chúng tôi sẽ mã hóa bên trong & lt; style type = “text / css” & gt; mã css & lt; / style & gt ;.

ví dụ : xem bản trình diễn

# bên ngoài

Xem Thêm : Cách viết chữ hoa sáng tạo đơn giản mà lại đẹp

Cách này hơi rườm rà vì chúng ta cần tạo tệp style.css (có đuôi .css) rồi nhập vào tệp html thông qua thẻ liên kết. đây là một ví dụ cho điều này.

bước 1 : tạo tệp style.css với nội dung sau:

Bước 2 : Tạo tệp index.html ở cùng cấp với tệp style.css với nội dung sau:

sau đó chạy nó và bạn sẽ thấy kết quả không khác gì hai ví dụ trước. nhưng có một số lưu ý cho bạn như sau:

  • với thẻ href trong thẻ liên kết, bạn sẽ chuyển đường dẫn đến tệp css của mình
  • rel = “style sheet” cho trình duyệt biết đây là gì từ một tệp css

3. lưu ý quan trọng khi viết css

Tôi chỉ đến đây để nói với bạn một số lưu ý cho bạn khi viết css như thế này:

  • không nên inline vì khó quản lý và không tốt cho seo
  • nội bộ thì ok nhưng bạn phải đặt css phía trên thẻ head, điều này cũng không tốt cho seo tương tự. sang biểu mẫu bên trong khi nhập bằng thẻ liên kết, bạn cần đặt nó vào thẻ chính.

Các vấn đề về seo có thể tham khảo loạt bài về seo onpage.

4. kết luận

Tóm lại, trong bài viết này, bạn đã biết cách viết css chưa? một số lưu ý quan trọng khi viết css nội tuyến, ngoại cảnh, nội bộ. Bài viết này mình xin dừng lại ở đây vì mình muốn trình bày mỗi bài một số kiến ​​thức nhỏ để các bạn dễ tiếp thu.

Nguồn: https://dongnaiart.edu.vn
Danh mục: Tổng hợp

Lời kết: Trên đây là bài viết Cú pháp CSS – các cách viết CSS – Freetuts. Hy vọng với bài viết này bạn có thể giúp ích cho bạn trong cuộc sống, hãy cùng đọc và theo dõi những bài viết hay của chúng tôi hàng ngày trên website: Dongnaiart.edu.vn

Related Posts

Bật mí bí quyết chơi Vietlott online cực hiệu quả cho các dân chơi

Bật mí bí quyết chơi Vietlott online cực hiệu quả cho các dân chơi

Hiện nay xổ số Vietlott online đang là một trong số hình thức phổ biến. Số lượng người trẻ tham gia chơi ngày càng đông với mong…

Tại sao nên mua vé số Vietlott Online cập nhật mới nhất 2023

Tại sao nên mua vé số Vietlott Online cập nhật mới nhất 2023

Mua vé số Vietlott Online hiện nay đang là phương thức lựa chọn phổ biến nhất. Vậy vé số Vietlott là gì? Các loại vé dự thưởng…

Điểm danh 3 cổng Game bài đổi thưởng dễ thắng nhất 2023

Điểm danh 3 cổng Game bài đổi thưởng dễ thắng nhất 2023

Khi nhu cầu giải trí từ các dịch vụ cá cược, game bài đổi thưởng ngày càng tăng cao thì các cổng game cá cược trực tuyến…

Game bài TWIN

Top 3 cổng game có phong độ ổn định nhất thị trường hiện nay

Nhằm hỗ trợ cho hành trình đổi đời của bạn được suôn sẻ và thuận lợi hơn. Chúng tôi sẽ thử nghiệm, nhận xét và đánh giá…

Bongvip

BONGVIP – Nhà Cái Cá Cược Thể Thao Đẳng Cấp 2023

Nếu được hỏi ai là ông tổ của ngành cá cược giải trí, chúng tôi sẽ không ngần ngại trả lời rằng đó chính là nhà cái…

Laliga Room là gì

Laliga Room là gì

Trong thời gian gần đây cụm từ “Laliga Room” xuất hiện rất nhiều trên các diễn đàn cá cược. Tuy nhiên không phải ai cũng biết Laliga…