CSS: Bộ Chọn Lớp và Định Danh

Trong CSS, ký tự nào được sử dụng để bắt đầu một bộ chọn lớp?

Cú pháp nào sau đây là đúng để khai báo một bộ chọn lớp trong CSS?

Trong HTML, thuộc tính nào được sử dụng để liên kết một phần tử với một bộ chọn lớp?

Cho đoạn mã CSS sau: .highlight {color: yellow;}. Làm thế nào để áp dụng kiểu này cho một đoạn văn bản trong HTML?

Khi nào nên sử dụng bộ chọn lớp thay vì bộ chọn phần tử (element selector)?

Trong CSS, ký tự nào được sử dụng để bắt đầu một bộ chọn định danh (ID selector)?

Cú pháp nào sau đây là đúng để khai báo một bộ chọn định danh trong CSS?

Trong HTML, thuộc tính nào được sử dụng để liên kết một phần tử với một bộ chọn định danh?

Cho đoạn mã CSS sau: #mainTitle {font-size: 20px;}. Làm thế nào để áp dụng kiểu này cho một tiêu đề trong HTML?

Khi nào nên sử dụng bộ chọn định danh thay vì bộ chọn lớp?

Điều gì xảy ra nếu bạn sử dụng cùng một id cho nhiều phần tử HTML trên cùng một trang?

Cho đoạn mã HTML: <p class="text">Doan van</p> và CSS: .text {color: blue;}. Màu chữ của đoạn văn bản sẽ là màu gì?

Cho đoạn mã HTML: <h1 id="title">Tieu de</h1> và CSS: #title {font-size: 24px;}. Kích thước chữ của tiêu đề sẽ là bao nhiêu?

Nếu bạn muốn áp dụng một kiểu dáng cụ thể cho tất cả các thẻ <p> có class là lead, bạn sẽ viết CSS như thế nào?

Khi sử dụng CSS external, thẻ HTML nào được dùng để liên kết file CSS với file HTML?

Trong CSS, thuộc tính nào được sử dụng để thay đổi màu chữ?

Bạn muốn tất cả các thẻ <h1> có id là page-title có màu đỏ và cỡ chữ 30px. Đoạn CSS nào sau đây là đúng?

Giả sử bạn có đoạn HTML <p class="note special">...</p>. CSS nào sau đây sẽ chỉ chọn các phần tử <p> có cả hai class note và special?

Bạn muốn thiết lập màu nền vàng cho các ô input text. CSS nào sau đây là đúng?

Cho HTML sau: <h2 id="main-heading" class="title">...</h2>. Bạn muốn chọn phần tử này bằng cả ID và class trong CSS. Cách nào là đúng?

Bạn có một trang web với một số đoạn văn bản. Bạn muốn đoạn văn bản đầu tiên có màu xanh, và đoạn cuối cùng có màu đỏ. Các đoạn còn lại màu đen. Bạn sử dụng phương pháp nào?

Trong file CSS, bạn khai báo style cho thẻ a như sau: a{text-decoration:none;}. Ý nghĩa của dòng code này là gì?

Cho đoạn code CSS sau:

.container {
  width: 960px;
  margin: 0 auto;
}

Ý nghĩa của margin: 0 auto; là gì?

Khi sử dụng external CSS, lợi ích nào sau đây là đúng?

Để chỉ định một font chữ cụ thể cho một phần tử HTML, bạn sử dụng thuộc tính CSS nào?

Bạn có hai đoạn CSS như sau:

p {color:blue;}
.red {color:red;}

Đoạn code HTML nào sau đây sẽ hiển thị màu đỏ?

Sự khác biệt chính giữa class và ID trong CSS là gì?

Để thay đổi kích thước của chữ trong CSS, bạn dùng thuộc tính nào?

Cho đoạn HTML sau:

<div id="content">
  <p class="highlight">This is some text.</p>
</div>

CSS nào sau đây sẽ chọn phần tử <p> có class highlight nằm bên trong phần tử có id content?

Ý nghĩa của thuộc tính text-align: center; trong CSS là gì?

Để tạo khoảng cách giữa các dòng trong một đoạn văn bản, thuộc tính CSS nào nên được sử dụng?

Cho đoạn CSS sau:

*{
  margin: 0;
  padding: 0;
}

Đoạn code này có tác dụng gì?

Khi sử dụng bộ chọn lớp và bộ chọn định danh trên cùng một phần tử, bộ chọn nào sẽ có độ ưu tiên cao hơn?

Để làm cho chữ in đậm trong CSS, bạn sử dụng thuộc tính nào?

Bạn có một đoạn HTML: <a href="#">Link</a>. Bạn muốn loại bỏ gạch chân khi hover vào link này. CSS nào đúng?

Cho đoạn CSS sau:

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  border: 1px solid black;
}

Nếu bạn thêm box-sizing: border-box;, điều gì sẽ xảy ra?