Khai báo bộ chọn lớp, bộ chọn định danh, giá trị thuộc tính class cho phần tử body, id để hoàn thiện website cá nhân đã có ở các bài học trước

3. THỰC HÀNH SỬ DỤNG BỘ CHỌN LỚP, BỘ CHỌN ĐỊNH DANH

VẬN DỤNG

Khai báo bộ chọn lớp, bộ chọn định danh, giá trị thuộc tính class cho phần tử body, id để hoàn thiện website cá nhân đã có ở các bài học trước. Gợi ý thực hiện:

- Mở tệp “style.css”: Khai báo bộ chọn lớp có tên bg để thiết lập màu nền (ví dụ: lightgrey). Khai báo bộ chọn định danh có tên submit để trình bày màu của nút lệnh (ví dụ: blue).

- Bổ sung khai báo giá trị thuộc tính class cho phần tử body của các tệp "hobbies.html" và "album.html" là bg.

- Bổ sung khai báo giá trị thuộc tính id cho nút lệnh submit trong tệp "index.html" là submit.


Tạo hoặc mở tệp "style.css" và thêm các khai báo CSS:

/* style.css */

 

/* Bộ chọn lớp */

.bg {

    background-color: lightgrey;

}

 

/* Bộ chọn định danh */

#submit {

    color: blue;

}

 

Bổ sung khai báo giá trị thuộc tính class cho phần tử body của các tệp "hobbies.html" và "album.html":

<body class="bg">

   <!-- Nội dung của trang -->

</body>

 

Bổ sung khai báo giá trị thuộc tính id cho nút lệnh submit trong tệp "index.html":

<input type="submit" value="Gửi" id="submit">


Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh

Bình luận

Giải bài tập những môn khác