Giải SBT Tin học 12 Cánh diều Bài 8. Làm quen với CSS có đáp án

Phần tử nào sau đây được dùng để khai bảo internal CSS?

A. link

B. base

C. style

D. meta

Khai báo nào sau đây được dùng để áp dụng các định dạng CSS được khai báo trong tệp “main.css’

A. <link stylesheet href= "main.css">

B. <style rel="stylesheet" href="main.css'

C. <link rel= "stylesheet" href="main.css">

D. <stylesheet href="main.css">

Khai báo định dạng nào sau đây đúng cú pháp? 

A. p{color: red, }

B. p{color: red, fontsize: 15px;}

C. p{color: red; fontsize: 15px;}

D. p{color:red; }

Khai báo định dạng nào sau đây đúng cú pháp? 

A. h2:color=red, font-size: 20px

B. {h2:color:red; } 

C. h2{color=red, }

D. h2{color: red; }

Khai báo định dạng nào sau đây đúng cú pháp?

A. h4 {background-color: yellow;}

B. {h4 background-color: yellow;}

C. h4. {background-color: yellow;}

D. {h4.all background-color: yellow;}

Khai báo định dạng nào sau đây đúng cú pháp?

A. {hl }

B. hl{font-weight:bold;}

C. <h1 style="

D. <h1 font-weight: bold>

Khai báo định dạng nào sau đây đúng cú pháp?

A. p{}color: redfont-weight: bold

B. body{background-color: grey;}{color:green;}{}

C. a {color: blue; }

D. li {style="color: cyan";}

Có bao nhiêu lỗi cú pháp khai báo CSS trong tệp “default.css” sau?

p {color: blue}

h1 {}

a; h2 {background-color: yellow;}

A. 1.

B. 2.

C. 3.

D. 4.

Cho khai báo CSS sau:

h1 {

}

border-color: red;

background-color: yellow;

Định dạng phần tử h1 như thế nào khi hiển thị trên màn hình trình duyệt web? 

A. Phông chữ Arial, cỡ chữ 20 pixel, có đường viền màu đỏ, nền tô màu vàng. 

B. Phông chữ Arial, cỡ chữ 20 pixel, không có đường viền, nền tô màu vàng. 

C. Phông chữ Arial, cỡ chữ 20 point, không có đường viền, nền tô màu vàng. 

D. Phông chữ Arial, cỡ chữ 20 point, có đường viền màu đỏ, nền tô màu vàng.

Khai báo CSS nào sau đây sẽ thiết lập siêu liên kết chữ có màu đỏ, cỡ chữ 15 pixel?

A. a color red; } 

B. a {color: red, } 

C. a {color: red; font-size: 15px}

D. a {color: red; }

Khai báo CSS nào sau đây sẽ thiết lập các phần tử h4, h5 cùng sử dụng chung định dạng?

A. h4 h5 {color: grey; border-style: solid;} 

B. h4, h5 {color: grey; border-style: solid;} 

C. h4; h5 {color: grey; border-style: solid;}

D. h4. h5 {color: grey; border-style: solid;}

Câu trắc nghiệm đúng sai. Trong mỗi ý a), b), c), d) ở mỗi câu, em chọn đúng hoặc sai.

Mỗi phát biểu sau đây về CSS là đúng hay sai?

a) Tên bộ chọn phần tử trùng với tên của phần tử.

b) CSS cho phép người sử dụng định nghĩa các bộ chọn phần tử.

c) CSS hỗ trợ thiết lập định dạng cho nhiều bộ chọn phần tử trong n

khai báo.

d) CSS không hỗ trợ thiết lập định dạng cho nhiều bộ chọn phần tử trong một khai báo.

Mỗi phát biểu sau đây về CSS là đúng hay sai?

a) Thuộc tính CSS border-color chỉ được áp dụng khi thuộc tính border- style được khai báo.

b) Thuộc tính CSS background-color chỉ thiết lập màu nền cho một số phần tử mà nội dung có chứa văn bản.

c) Thuộc tính CSS font-size thiết lập cỡ chữ.

d) Thuộc tính CSS color thiết lập màu chữ cho nội dung văn bản.

Mỗi khai báo CSS sau là đúng hay sai cú pháp?

a) h2 h3 {margin: 20px; color: grey;}

b) p, h4 {margin: 20px; padding: 5px;}

c) tieude {color: red; }

d) a; img {background-color: yellow; }

Mỗi khai báo CSS sau là đúng hay sai cú pháp?

a) <link stylesheet href= "main.css">

b) <link rel="stylesheet" href "stylesheet" href = "main.css"> 

c) h4 {background-color: yellow;}

d) p {color: red, }

Mỗi phát biểu sau đây về CSS là đúng hay sai?

a) Các quy tắc định dạng có thể được ghi lưu dưới dạng tệp có phần mở rộng *.css.

b) Để áp dụng external CSS, trong văn bản HTML phải khai báo tham chiếu đến tệp CSS.

c) Mỗi quy tắc định dạng CSS gồm bộ chọn và các thuộc tính CSS.

d) Các quy tắc định dạng trong khai báo internal CSS phải được khai báo trong nội dung phần tử head.

Thuộc tính CSS nào được dùng để thiết lập màu chữ?

Thuộc tính CSS nào được dùng để thiết lập màu nền?

Thuộc tính CSS nào được dùng để thiết lập phông chữ?

Cho các cụm từ sau: “đường viền màu đen nét liền mảnh”, “đường viền màu đen nét liền đậm”, “đường viền màu xanh nét liền mảnh”, “đường viền màu xanh nét liền đậm”. Hãy chọn một cụm từ phù hợp điền vào chỗ chấm (... ) trong câu sau: “Khi gán giá trị solid cho thuộc tính CSS border-style, phần tử có ...”. 

Em hãy tìm hiểu và cho biết tác dụng của thuộc tính CSS border-style. 

Sử dụng thuộc tính CSS border để viết khai báo thiết lập định dạng đường viền cho phần tử p được trình bày là các đường kẻ màu xanh có kích thước 4 pixel. Bài tập thực hành.

Khai báo CSS sử dụng bộ chọn phần tử.

Yêu cầu: Soạn các khai báo định dạng sau:

Tiêu đề mục h1 chữ có màu đỏ, phông chữ Times New Roman.

Đoạn văn bản p có màu nền xám (gray), đường viền có màu xanh (blue), nét đậm (solid), phông chữ Arial, cỡ chữ 20 pixel.

Khai báo và áp dụng internal CSS

Yêu cầu: Soạn văn bản HTML và sử dụng internal CSS là các khai báo định dạng đã soạn ở bài F145 để tạo trang web khi hiển thị trên màn hình trình duyệt web như Hình 1.

Khai báo và áp dụng external CSS.

Yêu cầu: Soạn văn bản HTML để tạo trang web và sử dụng tệp external CSS (style.cs”) để khi hiển thị trên màn hình trình duyệt web như Hình 2. Tiêu đề hi chữ có màu xanh, cỡ chữ 20 pixel, nền tô màu vàng. Đoạn văn có màu nền lightgrey, cỡ chữ 20 pixel, đường viền màu đỏ kiểu dashed.