Làm thế nào để Chọn Phân đoạn Đặc biệt cho Lập trình HTML5 và CSS3

Đôi khi, bạn có thể muốn chỉ chọn các phân đoạn cụ thể trên trang web HTML5 và CSS3. Hãy xem làm thế nào bạn nên tham khảo một người không đánh giá cao sức mạnh phát triển web của bạn.

Xác định nhiều hơn một loại đoạn

Ngoài các giá trị văn hoá, trang này còn thú vị vì nó có ba kiểu văn bản khác nhau. Đoạn giới thiệu là bình thường. Trích dẫn được đặt bằng phông chữ nghiêng, và thuộc tính là đơn lẻ và được canh lề phải.

Đoạn trích trong đoạn mã sau đây được tạo ra bởi một trang web tuyệt vời: máy phát điện của Shakespearean. Không có gì thỏa mãn hơn là nói với ai đó trong iambic pentameter.

báo giá. html #quote {font: đậm nghiêng 130% Garamond, Comic Sans MS, tưởng tượng; text-align: center;} #attribution {font: 80% không gian; text-align: right;}

Văn học Trích dẫn trong ngày
Làm thế nào để nói với ai đó theo cách sang trọng:

[Anh] da-jerkin, nút pha lê, nút tròn, agate-ring, puke-stocking, caddis-garter, lưỡi, túi Tây Ban Nha!
Styling đã xác định các đoạn văn

Cho đến bây giờ, bạn đã sử dụng CSS để áp dụng một phong cách cụ thể cho một phần tử trên toàn trang. Ví dụ: bạn có thể thêm một kiểu cho thẻ, và kiểu đó áp dụng cho tất cả các đoạn văn trên trang.

Đôi khi (như trong trang Shultsha), bạn muốn cho một phần tử nhiều hơn một phong cách. Bạn có thể làm điều này bằng cách đặt tên cho mỗi phần tử và sử dụng tên trong bảng kiểu CSS. Dưới đây là cách hoạt động:

Thêm thuộc tính id cho mỗi phần tử HTML mà bạn muốn sửa đổi.

1. Tạo một phong cách trong CSS.

2. Sử dụng một dấu hiệu bảng sau ID của phần tử trong CSS để chỉ định bạn không nói về một loại thẻ nữa, nhưng một phần tử cụ thể: Ví dụ: mã CSS chứa bộ chọn # thuộc tính, nghĩa là "Áp dụng điều này phong cách cho một phần tử có id thuộc tính. "

   #attribution {

   Thêm kiểu.
   

3. Tạo một phong cách để hiển thị phần tử được đặt tên của bạn. Trong trường hợp này, bạn muốn đoạn văn với ID thuộc tính được canh lề phải, không gian tiền tệ và nhỏ hơn một chút so với thông thường. Phong cách này sẽ chỉ được đính kèm với phần tử cụ thể.

   #attribution {font: 80% không gian; text-align: right;}

   ID trick hoạt động tốt trên bất kỳ phần tử nào được đặt tên. ID phải
   

duy nhất , vì vậy kỹ thuật này là tốt nhất khi bạn có một phong cách bạn muốn áp dụng cho một phần tử duy nhất trên trang. Nó không quan trọng đến yếu tố HTML nào.Nếu nó có báo giá ID, kiểu #quote được áp dụng cho nó. Bạn có thể có cả bộ chọn mã số và bộ chọn thông thường trong cùng một trang tính.