Làm thế nào để Tạo các bảng định dạng Cascading (CSS) Định nghĩa lại kiểu dáng - hình núm vú

Theo mặc định, tất cả các thẻ HTML trong Cascading Style Trang tính (CSS) được cấu trúc sẵn để tìm một cách cụ thể và thực hiện các chức năng cụ thể. Ví dụ: lấy thẻ

. Thẻ này được định dạng sẵn để được lớn, đen và đậm, và nó được dự định để xác định các tiêu đề chính trong văn bản, trái ngược với văn bản thông thường, được đánh dấu bằng thẻ

trong nội dung.

Khi bạn tạo một thẻ định nghĩa lại kiểu, bạn sử dụng tên thẻ làm tên bộ chọn để ghi đè lên hình thức đã định dạng sẵn của bất kỳ thẻ HTML hiện có, chẳng hạn như

và

.

Phong cách định nghĩa lại thẻ có thể được thay đổi thành bất cứ thứ gì bạn thích, chẳng hạn như chỉnh sửa giao diện mặc định của tất cả nội dung giữa các thẻ

để phù hợp với thiết kế và phối màu của trang web của bạn, cho dù đó là Tác động, 28 pixel, đậm, nghiêng, và # 000000 hoặc Palatino Linotype, 32 pixel, đậm, và # FF99FF:

h1 {font-family: Palatino Linotype, Sách Antiqua, Palatino, Serif; kích thước phông chữ: 32px; phông chữ trọng lượng: đậm; Màu sắc: # FF99FF;}

Định nghĩa lại các thẻ hiện tại là một trong những cách tốt nhất để tạo ra nội dung toàn cầu trên một trang web mà không cần áp dụng các phong cách một cách có chọn lọc ở đây và ở đó, như bạn phải làm với phong cách lớp tùy chỉnh. Trong thực tế, để hợp lý hóa quá trình CSS, hầu hết các nhà thiết kế ở mức tối thiểu bắt đầu mỗi tệp CSS bằng cách tạo thẻ định nghĩa lại các kiểu cho

,

,

,

,
1. và thẻ.
   Ngoài việc sửa đổi các kiểu được định dạng sẵn của thẻ, thẻ định nghĩa lại kiểu cũng có thể được sử dụng để thêm các kiểu mới vào một thẻ cụ thể. Ví dụ: tất cả các trang web, trừ khi được chỉ định khác, có khoảng cách 9-pixel mặc định giữa khoảng cạnh của cửa sổ trình duyệt và nội dung của nó.
   Để xóa hoặc thay đổi cài đặt này, thuộc tính lề có thể được định nghĩa lại trong thẻ cơ thể. Hình minh hoạ cho thấy một ví dụ về cách một phong cách cho thẻ có thể được xác định lại trong CSS, nơi khoảng cách lề được đặt là 0 trên cả bốn mặt của cửa sổ trình duyệt, màu nền của trang được đặt thành màu đen và phông chữ màu cho văn bản bên trong cơ thể được đặt thành màu trắng, như trong mã kiểu sau:

   

   body {margin: 0px; màu nền: # 000000; màu sắc: #ffffff;}