Làm thế nào để Xác định Styles với Tag Selector trong Dreamweaver - núm vú

Bạn có thể tạo các phong cách hoàn toàn mới trong Dreamweaver bằng cách sử dụng các trình chọn cuộc gọi hoặc ID, nhưng bạn cũng có thể tạo các kiểu thay đổi định dạng HTML hiện có thẻ. Các kiểu này được tạo ra bằng cách sử dụng bộ chọn thẻ , mà còn được gọi là bộ chọn nguyên tố . Khi bạn xác định một phong cách sử dụng bộ chọn thẻ, bạn có thể thay đổi diện mạo, vị trí và các tính năng khác của bất kỳ thẻ HTML nào hiện có.

Nhiều thẻ HTML đã bao gồm các tùy chọn định dạng. Ví dụ, các thẻ tiêu đề bao gồm định dạng để định dạng văn bản bằng cách sử dụng một phông chữ in đậm lớn. Khi bạn tạo một phong cách với bộ chọn thẻ, bạn phải xem xét các tùy chọn định dạng đã được liên kết với thẻ đó. Bất kỳ tùy chọn nào bạn xác định sẽ được thêm vào định dạng hiện có hoặc ghi đè định dạng.

Bạn có thể hỏi, "Tại sao tôi lại định nghĩa lại thẻ

thay vì chỉ tạo ra một dòng tiêu đề mới sử dụng bộ chọn lớp hoặc ID? "Mặc dù bạn có thể định nghĩa một kiểu lớp mới thay vì định nghĩa lại một thẻ HTML, đôi khi sử dụng một thẻ HTML hiện tại là tốt hơn.

Các phong cách tiêu đề đặc biệt quan trọng trên web vì văn bản được định dạng trong thẻ

được công nhận là văn bản quan trọng nhất trên một trang. Trong số những thứ khác, văn bản được định dạng trong thẻ

có thể được xem xét đặc biệt từ các công cụ tìm kiếm.

Để tạo một phong cách định nghĩa lại một thẻ HTML (chẳng hạn như thẻ

) bằng công cụ chọn thẻ, trước tiên hãy tạo tệp hoặc mở tệp hiện có và sau đó làm theo các bước sau:

1Trong bảng chọn của bảng điều khiển CSS, chọn bảng định kiểu mà bạn muốn thêm kiểu mới.

Khi bạn tạo một phong cách cho một thẻ HTML hiện tại, bạn không cần phải áp dụng phong cách theo cách của bạn với phong cách lớp và ID. Bất cứ nơi nào bạn đã sử dụng thẻ HTML, cài đặt định nghĩa kiểu được áp dụng.

2Nếu bạn muốn nhắm mục tiêu kiểu này đến một loại phương tiện hoặc kích thước màn hình cụ thể, hãy chọn hoặc xác định truy vấn phương tiện trong phần @Media.

Sử dụng các truy vấn truyền thông có phong cách là tùy chọn. Nếu bạn không chỉ định truy vấn phương tiện, Dreamweaver sẽ sử dụng thuộc tính Toàn cầu và phong cách của bạn sẽ hoạt động ở tất cả các định dạng phương tiện và kích cỡ màn hình.

3Nhấp vào dấu cộng (+) trong bảng lựa chọn.

Một bộ chọn mới được thêm vào bảng lựa chọn.

Khi bạn nhấp vào dấu cộng (+) để tạo bộ chọn mới, một vài điều có thể xảy ra, tùy thuộc vào những gì đã có trên trang được mở trong Dreamweaver. Lần đầu tiên bạn tạo một phong cách trong một trang web trống, Dreamweaver sẽ nhập vào cơ thể trong bảng Selectors.

Nếu bạn đang làm việc trên trang có văn bản hoặc nội dung khác được định dạng bằng các thẻ hoặc kiểu HTML, Dreamweaver có thể thêm một bộ chọn hợp chất dựa trên các phần tử xung quanh bất cứ điều gì bạn đã chọn với con trỏ.

4Trong bảng chọn, nhấn đúp vào tên chọn. Bắt đầu nhập tên của thẻ HTML, và sau đó chọn thẻ từ danh sách thả xuống xuất hiện.

Bạn có thể nhập tên của bất kỳ thẻ HTML nào để tạo kiểu bằng cách sử dụng công cụ chọn thẻ. Khi bạn nhập một thẻ HTML, một danh sách thả xuống sẽ xuất hiện với các thẻ bắt đầu bằng cùng một chữ cái mà bạn đã nhập. Chọn thẻ mong muốn từ danh sách thay vì nhập toàn bộ tên thẻ là cách thực hiện tốt vì bạn tránh lỗi chính tả.

5Trong bảng thuộc tính, chỉ định cài đặt bạn muốn trong quy tắc kiểu của bạn.

Phông chữ và màu sắc được áp dụng ngay cho văn bản trong trang được định dạng với thẻ

.

Nếu bạn muốn có thể sử dụng cùng một thẻ HTML với định dạng khác nhau trong các phần khác nhau của cùng một trang, bạn có thể tạo kiểu ghép. Các kiểu hỗn hợp là tiện dụng, ví dụ: nếu bạn muốn văn bản được định dạng với thẻ

trông khác trong phần chính của trang so với văn bản trong thanh bên.