Font size
WorksheetsLàm quen với CSS
Total questions: 20
Worksheet time: 13mins
CSS là ngôn ngữ được sử dụng để làm gì?
Khai báo kiểu trình bày các phần tử HTML trong trang web
Định dạng kiểu chữ, màu chữ trong Word
Định dạng kiểu chữ, màu chữ trong PowerPoint
Tất cả đều đúng
Chọn các phát biểu đúng về CSS.
Sử dụng CSS giúp tách biệt khai báo nội dung với định dạng và trang trí trang web
Sử dụng CSS cho phép nhiều trang web hay toàn bộ website cùng dùng chung quy tắc định dạng nhằm tạo sự thống nhất trong trình bày
Mỗi quy tắc định dạng chỉ gồm các khai báo thuộc tính CSS để xác định kiểu trình bày cho phần tử
Khai báo CSS dễ dàng được chỉnh sửa và tái sử dụng
Bộ chọn phần tử thường được dùng để áp dụng CSS cho đối tượng nào?
Chỉ một phần tử cụ thể trong văn bản HTML
Phải nhiều phần tử cụ thể trong văn bản HTML
Một hoặc nhiều phần tử cụ thể trong văn bản HTML
Phải nhiều phần tử trong văn bản HTML
Cú pháp khai báo bộ chọn phần tử đúng là gì?
Tên_bộ_chọn_phần_tử { thuộc tính 1: giá trị; … ; thuộc tính n: giá trị; }
Tên_bộ_chọn_phần_tử ( thuộc tính 1: giá trị; … ; thuộc tính n: giá trị; )
Tên_bộ_chọn_phần_tử { thuộc tính 1: giá trị; … ; thuộc tính n: giá trị };
Tên_bộ_chọn_phần_tử { thuộc tính 1: giá trị, … ,thuộc tính n: giá trị,}
Cách áp dụng CSS trong văn bản HTML được sử dụng phổ biến là gì?
CSS trong (internal CSS)
CSS ngoài (external CSS)
Cả hai cách trên đều đúng
Cả hai cách trên đều sai
Phần tử nào được dùng để khai báo internal CSS trong HTML?
link
base
style
meta
Thuộc tính CSS nào dùng để thiết lập màu chữ?
color
background-color
font-family
font-size
Thuộc tính CSS nào dùng để thiết lập màu nền?
color
background-color
font-family
font-size
Thuộc tính CSS nào dùng để thiết lập phông chữ?
color
background-color
font-family
font-size
Thuộc tính CSS nào dùng để thiết lập cỡ chữ?
color
background-color
font-family
font-size
Khai báo định dạng nào sau đây đúng cú pháp cho phần tử p?
p {color: blue; fontweight: bold;}
p {color: blue; font-weight: bold;}
p {color: blue,fontweight: bold;}
p {color: blue, font-weight: bold;}
Thuộc tính CSS nào dùng để thiết lập kiểu trình bày đường viền?
font-family
border-color
border
border-style
Phạm vi áp dụng của khai báo internal CSS và external CSS đúng là gì?
Internal CSS thường dùng khi muốn áp dụng CSS trong phạm vi một văn bản HTML, còn external CSS thường dùng khi cần áp dụng chung định dạng cho nhiều văn bản HTML
External CSS thường dùng cho một văn bản HTML, còn internal CSS dùng khi cần áp dụng chung định dạng cho nhiều văn bản HTML
Cả hai loại đều dùng khi áp dụng CSS cho phạm vi một văn bản HTML
Cả hai loại đều dùng khi áp dụng chung định dạng cho nhiều văn bản HTML
Khai báo định dạng nào sau đây đúng cú pháp cho phần tử h2?
h2:{color=blue; font-size: 20px;}
{ h2 color= blue; font-size: 20px;}
h2 {color: blue, font-size: 20px;}
h2 {color: blue; font-size: 20px;}
Sửa lỗi cú pháp khai báo CSS trong tệp "khaibao.css". Chọn các dòng đã được sửa đúng:
p { color:blue}
h1 { font-family:”Arial”, font-size:20px;}
a, h2 {background-color:yellow}
p { color:blue;}
h1 { font-family:”Arial”; font-size:20px;}
a, h2 {background-color:yellow;}
h1 { font-family:”Arial”, font-size:20px;}
Cho khai báo CSS:
h1 { font-family:"Arial"; font-size: 20px; border-color:brown; background-color:yellow; }
Phần tử h1 sẽ hiển thị như thế nào trên màn hình trình duyệt?
Phông chữ Arial, cỡ chữ 20 pixel, có đường viền màu nâu, nền tô màu vàng
Phông chữ Arial, cỡ chữ 20 pixel, không có đường viền, nền tô màu vàng
Phông chữ Arial, cỡ chữ 20 point, không có đường viền, nền tô màu vàng
Phông chữ Arial, cỡ chữ 20 point, có đường viền màu nâu, nền tô màu vàng
Với HTML sau, kết quả hiển thị trên trình duyệt là gì?
Khai báo CSS
Một số thuộc tính định dạng
Xuất hiện theo thứ tự dòng Khai báo CSS màu vàng, Một số thuộc tính định dạng màu nâu
Xuất hiện theo thứ tự dòng Khai báo CSS màu nâu, Một số thuộc tính định dạng màu vàng
Xuất hiện theo thứ tự dòng Một số thuộc tính định dạng màu vàng, Khai báo CSS màu nâu
Xuất hiện theo thứ tự dòng Một số thuộc tính định dạng màu nâu, Khai báo CSS màu vàng
Soạn khai báo định dạng: h1 có màu đỏ, phông Times New Roman; p có nền xám, đường viền màu xanh kiểu solid, phông Arial, cỡ chữ 20px. Chọn phương án đúng.
h1 {color:red;font-family: "Times New Roman";} p {background-color:grey; border-style:solid; border-color:blue; font-family: "Arial"; font-size:20px;}
h1 {color:red;font-family: "Arial";} p {background-color:grey; border-style:solid; border-color:blue; font-family: "Times New Roman"; font-size:20px;}
h1 {color: grey;font-family: "Arial";} p {background-color: red; border-style:solid; border-color:blue; font-family: "Times New Roman"; font-size:20px;}
h1 {color: grey;font-family: "Arial";} p {background-color: red; border-style: blue; border-color: solid; font-family: "Times New Roman"; font-size:20px;}
Soạn khai báo định dạng: h1 màu xanh, cỡ chữ 20px, nền vàng; p nền lightgrey, cỡ chữ 20px, đường viền đỏ kiểu dashed. Chọn phương án đúng.
h1 {color:blue; font-size:20px; background-color:yellow;} p {background-color:lightgrey; border-style:dashed; border-color:red; font-size:20px;}
p {color:blue; font-size:20px; background-color:yellow;} h1 {background-color:lightgrey; border-style:dashed; border-color:red; font-size:20px;}
h1 {color:blue; font-size:20px; background-color:yellow;} p {background-color:lightgrey; border-style:dashed; border-color:red; font-size:20px;}
h1 {color:blue; font-size:20px; background-color:yellow;} p {background-color:lightgrey; border-style:dashed; border-color:red; font-size:20px;}
Cho khai báo CSS sau:
<html>
<head>
<style>
p {color: brown;}
h1 { color:yellow;}
</style>
</head>
<body>
<h1> Khai báo CSS </h1>
<p> Một số thuộc tính định dạng</p>
</body>
</html>
Kết quả hiển thị trên màn hình duyệt web?
Xuất hiện theo thứ tự dòng Khai báo CSS màu vàng, Một số thuộc tính định dạng màu nâu.
Xuất hiện theo thứ tự dòng Khai báo CSS màu nâu, Một số thuộc tính định dạng màu vàng
. Xuất hiện theo thứ tự dòng Một số thuộc tính định dạng màu vàng, Khai báo CSS màu nâu.
Xuất hiện theo thứ tự dòng Một số thuộc tính định dạng màu nâu, Khai báo CSS màu vàng.
