Tùy chỉnh các thẻ HTML với các quy tắc CSS - Bộ chọn HTML

Có Thể 18, 2024

Một trong những lý do CSS rất phổ biến là tính linh hoạt mà nó mang lại cho các thẻ HTML. Mặc dù bạn không thể "tắt" các điều khiển tích hợp của thẻ, bạn có thể thêm nhiều điều khiển vào thẻ HTML để mở rộng tính hữu dụng của chúng. Bạn làm điều này bằng cách thêm các định nghĩa CSS mới vào bộ chọn thẻ. Hãy sử dụng HTML

ví dụ về thẻ của chúng tôi và chúng tôi sẽ thêm màu nền, mặt phông chữ, kích thước phông chữ và điều khiển màu văn bản vào

nhãn. Điều này sẽ gây ra mọi thứ giữa bất kỳ mở và đóng

các thẻ được kiểm soát bởi các định nghĩa mới của chúng tôi trên khắp trang web.

p {
màu nền: # 000000;
họ phông chữ: arial;
cỡ chữ: 12px;
màu: #ffffff;
}

Trong ví dụ của chúng tôi, quy tắc CSS bắt đầu bằng bộ chọn HTML (p), theo sau là khối khai báo CSS chứa tất cả các định nghĩa giá trị thuộc tính mà chúng tôi muốn thêm. Như thường lệ, mỗi định nghĩa bắt đầu bằng thuộc tính, theo sau là dấu hai chấm, giá trị và kết thúc bằng dấu chấm phẩy. Toàn bộ khối được đặt trong dấu ngoặc nhọn. Có một số điều cần nhớ khi viết quy tắc CSS của riêng bạn cho các thẻ HTML.

Bạn có thể đặt quy tắc CSS tùy chỉnh của mình bên trong các thẻ trong phần đầu của trang web của bạn.
Bạn có thể đặt quy tắc CSS tùy chỉnh của mình bên trong tệp CSS bên ngoài.
Các định nghĩa CSS tùy chỉnh mà bạn thêm vào một bộ chọn thẻ cụ thể phải chứa các thuộc tính có thể được kiểm soát bởi thẻ đó.
Vì bạn đặt quy tắc tùy chỉnh trong phần đầu hoặc tệp CSS bên ngoài, nên nó sẽ ảnh hưởng đến toàn bộ trang web. Nếu bạn chỉ cần kiểm soát một thẻ HTML riêng lẻ (một phiên bản đặc biệt của thẻ), bạn sẽ áp dụng kiểu nội tuyến cho thẻ riêng lẻ đó.
Thẻ giữ các thuộc tính tích hợp của thẻ HTML đó. Ví dụ: HTML thẻ in đậm sẽ tiếp tục áp dụng ảnh hưởng in đậm cho bất kỳ văn bản nào được đặt giữa mở và đóng thẻ.

Video HướNg DẫN: Hướng dẫn học lập trình web hiệu quả cho người mới bắt đầu (Có Thể 2024).

Tùy chỉnh thẻ HTML bằng quy tắc CSS - Bộ chọn HTML, HTML, cách xác định lại thẻ HTML, cách sử dụng CSS để xác định lại thẻ html, cách xác định bộ chọn CSS, cách xác định thẻ html, cách sử dụng css để xác định thẻ html, bộ chọn CSS, CSS ruls, định nghĩa CSS, cặp giá trị thuộc tính, cách viết quy tắc CSS của riêng bạn

Bài TrướC

TiếP Theo Bài ViếT

Bài ViếT Liên Quan

máy tính

Cổng hói

Có Thể 2024

Cố gắng không đọc trước! Trò chơi này có rất nhiều bất ngờ gọn gàng trong đó. Nếu bạn có bất cứ lời khuyên nào để thêm vào, hãy nhớ gửi email cho tôi! Tôi chắc chắn sẽ ghi có cho bạn trong các ghi...

máy tính

Cảnh quan Joe GameCube

Có Thể 2024

Viewtiously Joe là một trò chơi thú vị trong đó bạn đóng vai một người bị mắc kẹt trong một bộ phim, bên cạnh cuộn dọc theo tiến và lùi theo thời gian. Hãy chậm lại và tăng tốc để đạt được mục tiêu...