Font size
WorksheetsCâu hỏi ôn tập giữa kỳ Tin K12 – Bài 8: Làm quen với CSS
Total questions: 88
Worksheet time: 44mins
CSS là viết tắt của cụm từ nào?
Cascading Style Sheets
Computer Style Sheet
Creative Style Sheet
Colorful Style Sheet
Phần tử nào sau đây được dùng để khai báo internal CSS?
link
base
style
meta
Mục đích chính của CSS là gì?
Tạo hiệu ứng động cho trang web.
Định dạng và trình bày các phần tử HTML.
Xây dựng cấu trúc cho trang web.
Tạo các tương tác với người dùng.
Thuộc tính nào trong CSS được sử dụng để thay đổi màu nền của một phần tử?
color
background-color
text-color
fill-color
Để tạo một khoảng cách giữa các đoạn văn bản, ta sử dụng thuộc tính nào?
margin
padding
border
space
Thuộc tính nào dùng để đặt chiều rộng của một phần tử?
size
dimension
length
width
Để làm cho một phần tử hiển thị ở dạng in nghiêng, ta sử dụng thuộc tính nào?
font-style: italic
font-weight: bold
text-decoration: underline
text-align: center
Để đặt màu nền cho toàn bộ trang web, ta sử dụng selector nào?
body
html
page
document
Thuộc tính background-color có thể áp dụng cho loại phần tử nào?
Chỉ áp dụng cho thẻ
Áp dụng cho tất cả các phần tử HTML
Chỉ áp dụng cho các phần tử có chứa văn bản
Chỉ áp dụng cho các phần tử có hình ảnh nền
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”?
, đoạn code này có tác dụng gì?
Thay đổi màu nền của tất cả các đoạn văn thành màu đỏ.
Thay đổi màu chữ của tất cả các đoạn văn thành màu đỏ.
Làm in đậm tất cả các đoạn văn.
Tăng kích thước chữ của tất cả các đoạn văn.
Khai báo định dạng nào sau đây đúng cú pháp?
h2:color=red, font-size: 20px
{h2:color:red; font-size:20px;}
h2{color=red, font-size:20px;}
h2{color: red; font-size:20px;}
Có bao nhiêu lỗi cú pháp khai báo CSS trong tệp “default.css” sau? p {color: blue} h1 {font-family: "Arial", font-size: 20px;} a; h2 {background-color: yellow;}
1
2
3
4
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 color red; font-size: 15px;}
a {color: red, font-size: 15px;}
a {color: red; font-size 15px}
a {color: red; font-size: 15px;}
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?
h4 h5 {color: grey; border-style: solid;}
h4, h5 {color: grey; border-style: solid;}
h4; h5 {color: grey; border-style: solid;}
h4. h5 {color: grey; border-style: solid;}
Cho khai báo CSS sau: h1 {font-family:"Arial"; font-size: 20px;} 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?
Phông chữ Arial, cỡ chữ 20 pixel, có đường viền mà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ền tô màu vàng.
Những phát biểu nào sau đây là đúng về CSS? 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.
a đúng.
b đúng.
c đúng.
d đúng.
Bộ chọn lớp trong CSS có chức năng gì?
Định dạng cho tất cả các phần tử trên trang.
Định dạng cho một phần tử cụ thể.
Định dạng cho nhiều phần tử cùng loại với nhau.
Định dạng cho các phần tử có cùng một lớp.
Tên bộ chọn lớp được đặt như thế nào?
Bắt đầu bằng dấu #.
Bắt đầu bằng dấu chấm.
Bắt đầu bằng chữ cái in hoa.
Bắt đầu bằng một số.
Để áp dụng một bộ chọn lớp cho một phần tử, ta làm thế nào?
Thêm thuộc tính class vào thẻ phần tử đó.
Thêm thuộc tính id vào thẻ phần tử đó.
Thay đổi tên thẻ phần tử đó.
Không cần làm gì thêm.
Bộ chọn định danh trong CSS có chức năng gì?
Định dạng cho tất cả các phần tử trên trang.
Định dạng cho một phần tử cụ thể được xác định bởi ID.
Định dạng cho nhiều phần tử cùng loại với nhau.
Định dạng cho các phần tử có cùng một lớp.
Tên bộ chọn định danh được đặt như thế nào?
Bắt đầu bằng dấu #.
Bắt đầu bằng dấu chấm.
Bắt đầu bằng chữ cái in hoa.
Bắt đầu bằng một số.
Để áp dụng một bộ chọn định danh cho một phần tử, ta làm thế nào?
Thêm thuộc tính class vào thẻ phần tử đó.
Thêm thuộc tính id vào thẻ phần tử đó.
Thay đổi tên thẻ phần tử đó.
Không cần làm gì thêm.
Khai báo CSS nào sau đây sử dụng bộ chọn định danh?
h3 {font-size: 20px; color: grey}
p. h4 font-size: 20px; color: red;}
a {color: red;})
#dautrang {background-color: yellow; font-family: "Arial"}
Khai báo CSS nào sau đây đúng cú pháp?
tieude {font-size: 20px; font-family: "Arial";}
tieude {font-size: 20px; font-family: "Arial";}
*tieude {font-size: 20px; font-family: "Arial";}
^tieude {font-size: 20px; font-family: "Arial";}
Khai báo CSS nào sau đây sử dụng bộ chọn lớp?
h1 {color: blue; font-size: 15px;}
tieude {color: red; font-size: 25px;}
#h7 {background-color: yellow;}
footer {background-color: yellow;}
Khai báo CSS nào sau đây đúng cú pháp?
nutlenh {color: blue; background-color: grey;}
*nutlenh {color: blue; background-color: grey;}
#nutlenh {color: blue; background-color: grey;}
^nutlenh {color: blue; background-color: grey;}
Khi lưu cử dụng bộ chọn lớp màu sau đây đúng cả pháp?
tiende font family: "Arial"; font-size: 20px
#tiende !font-family: "Arial" font size: 20px;
#h1{font-family: "Arial". Jour size: 20px;}
hfont-family: "Arial"; font-size: 20px
Khai báo CSS sử dụng bộ chọn định danh nào sau đây đúng cú pháp
ficummies {font-family: "Arial"; font-size: 20px!
452font-family: "Arial" font-size: 20px
#hsfont-family: "Arial"; font-size: 20px!
ficumues font-family: "Arial"; font-size: 20px/
Khai báo CSS nào sau đây đúng cú pháp?
ticude color: red; background-color: yellow;
tiende color: yellow; background-color: red;
ht {color: red; background-color: yellow;}
tiende color: yellow; background-color: red;}
Trong đoạn code CSS sau, phần tử nào sẽ có màu đỏ? CSS .red { color: red; }
Tất cả các phần tử.
Các phần tử có lớp "red".
Các phần tử có ID "red".
Không có phần tử nào.
Cho khai báo CSS sau: #lienket {color: blue; font-size:15px;}. Khai báo siêu liên kết nào sau đây sẽ áp dụng định dạng CSS trên?
.ahref="https://www.htmlquick.com/tutorials.html" id="lienket">Hoc HTML
Tệp "style.css" có các khai báo định dạng sau: .style1 {color: blue; font-size: 20px;} style2 { font-family: "Courier New"; font-size: 20px;} #style3 {color: blue; font-size: 20px;} #style4 { font-family: "Courier New"; font-size: 20px;} Áp dụng tệp "style.css" để định dạng cho phần tử p trong văn bản HTML. Khai báo nào sau đây được sử dụng để định dạng phần tử p có chữ màu xanh và phông chữ Courier New?
Đoạn văn bản áp dụng tệp style.css
Đoạn văn bản áp dụng tệp style.css
Đoạn văn bản áp dụng tệp style.css
"style2" > Đoạn văn bản áp dụng tệp style.
Mỗi phát biểu sau đây về bộ chọn lớp là đúng hay sai? Chọn tất cả phát biểu đúng.
Tên bộ chọn lớp do HTML định nghĩa.
Không thể khai báo bộ chọn lớp có tên .h1.
Khai báo CSS p.blue {color:blue;} sẽ thiết lập màu chữ xanh cho các phần tử p trong văn bản HTML có thuộc tính class = "blue".
Sử dụng khai báo p.red {color: red;} sẽ thiết lập màu chữ đỏ cho các phần tử trong văn bản HTML có thuộc tính class = "red".
Mỗi phát biểu sau đây về bộ chọn định danh là đúng hay sai? Chọn tất cả phát biểu đúng.
Tên bộ chọn định danh do người tạo CSS định nghĩa.
Khai báo tên bộ chọn định danh #p là hợp lệ.
Áp dụng khai báo CSS hi p color web cho văn bản HTML sẽ thiết lập màu chữ đỏ cho tất cả các phần tử 2 có trong văn bản.
Áp dụng khai báo CSS hi#p {color: red; cho văn bản HTML sẽ thiết lập màu chữ đỏ cho tất cả các phần tử h1 có trong văn bản.
Trong bố cục trang web, thanh điều hướng thường cung cấp thông tin nào sau đây?
Cung cấp thông tin chính của trang web.
Cung cấp thông tin logo, tiêu đề trang web.
Cung cấp thông tin bản quyền, địa chỉ liên hệ của công ty, tổ chức.
Cung cấp các siêu liên kết đến các trang web khác.
Mô hình hộp trong HTML được sử dụng để:
Xác định cách trình bày các phần tử trên trang web.
Tạo hiệu ứng chuyển động cho các phần tử.
Điều khiển màu sắc của văn bản.
Tạo các biểu mẫu tương tác.
Thuộc tính CSS nào dùng để xác định kích thước vùng đệm (padding)?
margin
border
padding
width
Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo khối?
ul
label
img
a
Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo dòng?
div
hl
input
p
Phần tử nào sau đây được sử dụng để nhóm các phần tử HTML lại với nhau thành một khối riêng biệt?
p
input
img
div
Các thành phần chính của mô hình hộp bao gồm:
Nội dung, đường viền, đệm và lề.
Tiêu đề, đoạn văn, hình ảnh và bảng.
Cột, hàng và ô.
Màu sắc, phông chữ và kích thước.
Vùng lề (margin) có chức năng:
Tạo khoảng cách giữa các phần tử.
Xác định kích thước nội dung của phần tử.
Vẽ đường viền quanh phần tử.
Thay đổi màu nền của phần tử.
Nếu muốn tăng kích thước của một phần tử mà không làm thay đổi kích thước nội dung bên trong, bạn nên điều chỉnh thuộc tính nào?
width
height
padding
margin
Bố cục trang web là gì?
Cách sắp xếp, bố trí các đối tượng nội dung trên trang web.
Cách thay đổi màu sắc của trang web.
Cách tạo hiệu ứng động cho trang web.
Cách viết mã HTML.
Các thành phần chính của một trang web thường bao gồm:
Phần đầu trang, thanh điều hướng, phần nội dung, phần chân trang.
Tiêu đề, đoạn văn, hình ảnh, bảng.
Cột, hàng và ô.
Màu sắc, phông chữ và kích thước.
Mục đích chính của phần đầu trang (header) là:
Cung cấp thông tin chi tiết về nội dung trang.
Hiển thị menu điều hướng.
Cung cấp thông tin liên hệ.
Chứa logo và tiêu đề của trang web.
Phần chân trang (footer) thường chứa:
Nội dung chính của trang.
Thông tin bản quyền, liên kết đến các trang khác.
Hình ảnh và video.
Các nút điều hướng chính.
Để tạo bố cục cho trang web, ta thường sử dụng:
Chỉ sử dụng HTML.
Chỉ sử dụng CSS.
Kết hợp cả HTML và CSS.
Sử dụng JavaScript.
Thuộc tính CSS nào được sử dụng để tạo khoảng cách giữa các phần tử trong mô hình hộp?
padding
margin
border
width
Độ rộng nào sau đây được xác định bởi thuộc tính width?
Độ rộng của phần tử khi hiển thị trên màn hình trình duyệt web.
Độ rộng của vùng nội dung khi hiển thị trên màn hình trình duyệt web.
Độ rộng của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.
Độ rộng của vùng lề và vùng đường viền khi hiển thị trên màn hình trình duyệt web.
Tác dụng nào sau đây là tác dụng của khai báo CSS: p {padding: 20px;}?
Xác định khoảng cách giữa vùng nội dung và vùng lề của phần tử p là 20 pixel.
Xác định khoảng cách giữa vùng nội dung và vùng đường viền của phần tử p là 20 pixel.
Xác định khoảng cách giữa vùng lề và vùng đường viền của phần tử p là 20 pixel.
Xác định khoảng cách giữa vùng nội dung và vùng đệm của phần tử p là 20 pixel.
Độ cao nào sau đây được xác định bởi thuộc tính height?
Độ cao của phần tử khi hiển thị trên màn hình trình duyệt web,
Độ cao của vùng nội dung khi hiển thị trên màn hình trình duyệt web.
Độ cao của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.
Độ cao của vùng lề và vùng đường viền khi hiển thị trên màn hình trình duyệt web.
Trong các phát biểu sau, phát biểu nào đúng?
Nếu không khai báo thuộc tính display, phần tử được hiển thị theo dòng.
Nếu không khai báo thuộc tính display, phần tử được hiển thị theo khối.
Nếu không khai báo thuộc tính display, phần tử được hiển thị theo thiết lập mặc định.
Nếu khai báo thuộc tính display: inline, phần tử được hiển thị theo khối.
Sự khác biệt giữa vùng đệm (padding) và vùng lề (margin) là:
Cả hai đều nằm bên ngoài đường viền.
Margin nằm bên trong đường viền, padding nằm bên ngoài.
Cả hai đều nằm bên trong đường viền.
Padding nằm bên trong đường viền, margin nằm bên ngoài.
Để tạo một hộp có chiều rộng 300px và chiều cao 200px, bạn sử dụng các thuộc tính nào?
margin: 300px 200px;
padding: 300px 200px;
width: 300px; height: 200px;
border: 300px 200px;
Giả sử bạn muốn tạo một đoạn văn có nền màu xanh nhạt. Bạn sẽ sử dụng thuộc tính nào để thực hiện điều này?
background-color: lightblue;
color: lightblue;
text-align: center;
font-size: 16px;
Cho khai báo định dạng sau: p{width: 60px; padding:5px; border:2px solid; margin: 4px;} Giá trị nào sau đây là chiều rộng của phần tử p khi hiển thị trên màn hình trình duyệt web tính theo pixel?
60px.
68px.
70px.
82px.
Tác dụng nào sau đây là tác dụng của khai báo CSS: p {margin: 10px;}?
Xác định các khoảng cách lề của phần tử p: lề trái, lề trên, lề phải, lề dưới là 10 pixel.
Xác định các khoảng cách lề của phần tử p: lề trái và lề trên là 10 pixel, lề phải và lề dưới là 0 pixel.
Xác định các khoảng cách lề của phần tử p: lề trái và lề phải là 10 pixel, lề trên và lề dưới là 0 pixel.
Xác định các khoảng cách lề của phần tử p: lề trái và lề dưới là 10 pixel, lề trên và lề phải là 0 pixel.
Khai báo nào sau đây được dùng để thiết lập khoảng cách giữa vùng nội dung và vùng đường viền của phần tử h1 là 25 pixel?
h1 {border:25px;}
h1 {margin: 25px;}
h1 {height: 25px;}
h1 {padding: 25px;}
Để tạo một đoạn văn có khoảng cách 20px đến các phần tử xung quanh, bạn sẽ dùng thuộc tính nào và với giá trị bao nhiêu?
padding: 20px;
margin: 20px;
border: 20px;
width: 20px;
Muốn tạo một đường viền màu đỏ, dày 2px quanh một hình ảnh, cần thêm thuộc tính nào vào thẻ img?
border: 2px solid red;
padding: 2px red;
margin: 2px red;
background-color: red;
Chọn các phát biểu đúng về mô hình hộp (CSS box model).
Vùng nội dung ngăn cách với vùng đường viền bởi vùng đệm.
Vùng đường viền ngăn cách các phần tử khi hiển thị trên trình duyệt web.
Vùng lề là vùng ngăn cách vùng đường viền và vùng đệm.
Vùng lề là vùng bao ngoài vùng đường viền.
Phát biểu nào sau đây đúng?
Website có thể được tạo ra bởi lập trình viên hoặc người không có kĩ năng lập trình.
Website chỉ có thể được tạo ra bởi lập trình viên.
Website không thể được tạo ra bởi người am hiểu về lập trình.
Người dùng không thể chỉnh sửa website.
Dựa trên môi trường hoạt động, có thể phân chia các phần mềm tạo website thành mấy loại?
2.
1.
4.
3.
Phần mềm tạo website được chia thành 2 loại là
phần mềm tạo website ngoại tuyến và phần mềm tạo website có sẵn.
phần mềm tạo website trực tuyến và phần mềm tạo website thụ động.
phần mềm tạo website trực tuyến và phần mềm tạo website ngoại tuyến.
phần mềm tạo website thụ động và phần mềm tạo website chủ động.
Thế nào là phần mềm tạo website ngoại tuyến?
Là phần mềm cài đặt sẵn trên máy tính và cần sử dụng môi trường mạng.
Là phần mềm không được cài đặt sẵn trên máy tính và không cần sử dụng môi trường mạng.
Là phần mềm cài đặt sẵn trên máy tính và không cần sử dụng môi trường mạng.
Là phần mềm được sử dụng trực tiếp trên môi trường mạng mà không yêu cầu cài đặt trên máy tính.
Thế nào là phần mềm tạo website trực tuyến?
Là phần mềm cài đặt sẵn trên máy tính và cần sử dụng môi trường mạng.
Là phần mềm không được cài đặt sẵn trên máy tính và không cần sử dụng môi trường mạng.
Là phần mềm cài đặt sẵn trên máy tính và không cần sử dụng môi trường mạng.
Là phần mềm được sử dụng trực tiếp trên môi trường mạng mà không yêu cầu cài đặt trên máy tính.
Đâu không phải là tính năng của phần mềm tạo website trực tuyến?
Cài đặt phần mềm trên máy tính.
Chèn các biểu mẫu.
Cung cấp mẫu trang web.
Tạo các trang web với nội dung văn bản.
Chức năng nào sau đây không được cung cấp bởi phần mềm tạo website cơ bản?
Chèn hình ảnh và video.
Tạo trò chơi trực tuyến.
Xuất bản website.
Chèn liên kết.
Mobirise thuộc phân loại phần mềm nào?
Là phần mềm ngoại tuyến có phí.
Là phần mềm ngoại tuyến miễn phí.
Là phần mềm trực tuyến miễn phí.
Là phần mềm trực tuyến có phí.
Phần mềm Mobirise có thể hoạt động trên hệ điều hành nào?
Windows.
Android.
iOS.
Chrome OS.
Điền vào chỗ trống để hoàn thành câu sau: “Phần mềm Mobirise cung cấp nhiều mẫu trang web với ____.”
kiểu bố cục và chủ đề đa dạng.
chức năng lập lịch.
chức năng tạo trò chơi.
khả năng phân tích dữ liệu.
Màn hình làm việc của phần mềm Mobirise gồm bao nhiêu thành phần chính?
1.
2.
3.
4.
Phát biểu nào sau đây là đúng?
Các phần mềm tạo website chỉ có thể hoạt động ngoại tuyến.
Có thể đăng nhập sử dụng phần mềm Mobirise qua tài khoản Google, Facebook hoặc email.
Phần mềm Mobirise chỉ cho phép tải trang web từ các mẫu trang web theo chủ đề được cung cấp sẵn.
Sử dụng phần mềm Mobirise tạo trang web bằng cách viết mã lệnh.
Phần mềm tạo website nào sau đây là loại phần mềm trực tuyến?
Mobirise.
RapidWeaver.
sites.google.com.
Nicepage.
Phần mềm tạo website nào sau đây là loại phần mềm ngoại tuyến?
Mobirise.
sites.google.com.
wix.com.
weebly.com.
Trong các biểu tượng sau, đâu là biểu tượng của phần mềm Mobirise?
Biểu tượng được gắn nhãn A.
Biểu tượng được gắn nhãn B.
Biểu tượng được gắn nhãn C.
Biểu tượng được gắn nhãn D.
Để xem trước trang web sau khi chỉnh sửa trên Mobirise, bạn nên chọn tùy chọn nào?
Preview.
Edit.
Publish.
Add Block.
Khi thực hiện cắt ảnh trên Mobirise, tỉ lệ khung hình không có sẵn là
9:4.
16:9.
1:1.
2:3.
Nút lệnh sau có ý nghĩa là gì trong quá trình cắt ảnh trên phần mềm Mobirise?
Làm hình ảnh quay trái.
Làm hình ảnh quay phải.
Lật ngang hình ảnh.
Lật dọc hình ảnh.
Khi cắt ảnh trên Mobirise, bạn An muốn thu nhỏ hình ảnh thì bạn nên chọn nút lệnh nào?
Biểu tượng được gắn nhãn A.
Biểu tượng được gắn nhãn B.
Biểu tượng được gắn nhãn C.
Biểu tượng được gắn nhãn D.
