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 : Đơn xin phép về sớm 30 phút

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 mạng Tháng Mười Nga: Ánh sáng của tự do và chiến thắng

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

Giới thiệu Xôi Lạc TV kênh xem bóng trực tuyến hiện nay

Giới thiệu Xôi Lạc TV kênh xem bóng trực tuyến hiện nay

Xôi Lạc TV kênh xem bóng trực tuyến là một cái tên đã vô cùng quen thuộc đối với những người xem thường xuyên cập nhật kết…

Xoilac – Trang web bóng đá đáng tin tưởng của người dùng hiện nay

Xoilac – Trang web bóng đá đáng tin tưởng của người dùng hiện nay

Hiện nay thể thao bóng đá đang ngày càng đến gần hơn với mọi người. Vì vậy mà nhu cầu xem bóng đá trực tiếp rất cao,…

Một số câu hỏi thường gặp tại trang web bóng đá trực tiếp xoilac TV

Một số câu hỏi thường gặp tại trang web bóng đá trực tiếp xoilac TV

Hiện nay mạng internet đã càng ngày càng phổ biến hơn, cho nên các trang web bóng đá cũng xuất hiện nhiều hơn. Tuy nhiên, một trong…

HLV Jose Mourinho dự đoán đội tuyển sẽ vô địch Champions League

HLV Jose Mourinho dự đoán đội tuyển sẽ vô địch Champions League

Champions League là giải đấu được nhiều anh em theo dõi trực tiếp tại xoilac tv trực tiếp bóng đá. HLV Jose Mourinho đã có những đánh…

Khái niệm và hướng dẫn cách soi kèo bóng đá chuẩn nhất

Khái niệm và hướng dẫn cách soi kèo bóng đá chuẩn nhất

Soi kèo bóng đá là một thuật ngữ được dùng phổ biến trong bóng đá cá cược trực tuyến hiện nay. Như đã biết thì bóng đá…

Xôi Lạc Tivi – Thiên đường bóng đá mãn nhãn cho các tín đồ bóng đá 

Xôi Lạc Tivi – Thiên đường bóng đá mãn nhãn cho các tín đồ bóng đá 

Xôi Lạc Tivi – bóng đá trực tuyến xoilac là Thiên đường bóng đá mãn nhãn cho các tín đồ bóng đá. Đây không chỉ là nơi…