Video: Web Programming - Computer Science for Business Leaders 2016 2025
Một ID style là một loại quy tắc kết hợp phong cách Cascading Style Sheet (CSS) kết hợp các phần tử nhất định của cả lớp tùy chỉnh và nhãn định nghĩa lại các kiểu. Với kiểu ID, các khai báo được định nghĩa trong kiểu đó được tự động áp dụng cho bất kỳ đối tượng nào trên trang có thuộc tính id phù hợp với tên id trong kiểu ID.
Để định kiểu một đối tượng có thuộc tính id, trước hết bạn phải tạo một bộ chọn gồm có ký hiệu số (#) theo sau là id tên, chẳng hạn như #sidebar, và sau đó thêm nhiều tờ khai với kiểu như mong muốn, như trong ví dụ sau:
#sidebar {border: 1px dashed # cad0d6; lề: 0px 1px 0px 0px; padding: 10px;}
Sau khi bạn đã tạo phong cách của mình trong CSS, thêm thuộc tính id và giá trị tên phong cách vào thẻ mở của đối tượng hoặc thẻ chứa HTML khác sử dụng kiểu này, như trong. Thẻ là một thùng chứa cấp độ khối. Thông thường, các thẻ cấp độ chặn chứa các phần tử nội tuyến và các phần tử cấp khối khác.
Để minh họa ý tưởng này hơn nữa, giả sử rằng bạn có một lớp trên trang của bạn (sử dụng thẻ) có chứa một tiêu đề có nội dung "Popcorn Makers" và bên dưới nó là danh sách năm nhãn hiệu bỏng ngô khác nhau nhà sản xuất để bán.
Khi bạn đặt lớp cho thuộc tính ID của các nhà sản xuất nhạc popcornmakers, sử dụng cú pháp id = "popcornmakers" và tạo một phong cách sử dụng cú pháp #popcornmakers, kiểu ID đó sẽ được tự động áp dụng cho lớp.
Dưới đây là một ví dụ về cách tạo kiểu ID này trong CSS:
#popcornmakers {font-family: Georgia, "Times New Roman", Times, serif; màu nền: # FFC; biên giới: 1px rắn # 039; vị trí: tuyệt đối; chiều rộng: 330px; chiều cao: 180px; z-index: 1; còn lại: 50px; trên cùng: 50px; và dưới đây là những gì đánh dấu HTML như sau:
id = "popcornmakers"
Nhà sản xuất ngô # Popcorn MakerPopper Popcorn Cổ điển < Cuisinart EasyPop Popcorn Maker
- Giống như thẻ định nghĩa lại bộ chọn, tự động thay đổi nội dung bao quanh bởi một thẻ đặc biệt xuất hiện bất cứ khi nào một tên kiểu sử dụng # id, định nghĩa kiểu được tự động áp dụng cho đối tượng có thuộc tính id phù hợp.
![Làm thế nào để Tạo kiểu ID trong Cascading Style Sheets (CSS) - những núm vú <[SET:descriptionvi]Làm thế nào để Tạo kiểu ID trong Cascading Style Sheets (CSS) Làm thế nào để Tạo kiểu ID trong Cascading Style Sheets (CSS) - những núm vú <[SET:descriptionvi]Làm thế nào để Tạo kiểu ID trong Cascading Style Sheets (CSS)](https://i.howtospotfake.org/img/web-design-development-2018/how-to-create-id-styles-in-cascading-style-sheets.jpg)