Free Printable HKII

Worksheets

HKII

Total questions: 80

Worksheet time: 30mins

Name

Class

Date

CSS là viết tắt của cụm từ nào?

Creative Style Sheets

Cascading Style Sheets

Coding Style Sheets

Classic Style Sheets

Vai trò chính của CSS trong thiết kế trang web là gì?

Tạo liên kết giữa các trang web

Định dạng nội dung trang web một cách thống nhất, nhanh chóng và thuận tiện

Thay thế hoàn toàn mã HTML

Tăng tốc độ tải trang web

Một mẫu định dạng CSS bao gồm mấy phần chính?

Một phần

Hai phần: bộ chọn và vùng mô tả

Ba phần

Bốn phần

Mẫu CSS nào dưới đây là đúng để thay đổi màu chữ của thẻ h1 thành màu xanh?

h1 {text-color: blue;}

h1 {font: blue;}

h1 {color: blue;}

h1 {background: blue;}

Bộ chọn trong CSS có thể áp dụng cho bao nhiêu thẻ HTML?

Chỉ một thẻ HTML

Nhiều thẻ HTML được ngăn cách bởi dấu phẩy

Một nhóm thẻ HTML liên tiếp

Chỉ áp dụng cho thẻ h1

Để kết nối tệp CSS ngoài với trang HTML, cách nào sau đây là đúng?

Sử dụng thuộc tính class trong thẻ HTML

Sử dụng thẻ <script>

Sử dụng thẻ <link> đặt trong phần tử <head>

Sử dụng thuộc tính id

Thuộc tính nào được sử dụng để thụt lề dòng đầu tiên trong CSS?

text-align

text-indent

padding

margin

Lợi ích chính của việc sử dụng tệp CSS ngoài là gì?

Tăng tốc độ tải trang

Đồng bộ hóa định dạng cho nhiều trang web

Giảm kích thước tệp HTML

Giảm số dòng mã CSS

Thuộc tính nào dưới đây không thuộc về CSS?

color

font-size

onClick

background-color

10.

Mẫu CSS h1, h2, h3 {color: red;} áp dụng định dạng cho những thẻ nào?

Chỉ thẻ h1

Chỉ thẻ h2

Cả thẻ h1, h2, và h3

Không thẻ nào

11.

Trong cấu trúc CSS, vùng mô tả được viết cách nhau bởi ký tự nào?

Dấu phẩy

Dấu hai chấm

Dấu chấm phẩy

Dấu ngoặc kép

12.

CSS nội tuyến được viết trong phần tử HTML thông qua thuộc tính nào?

class

style

link

13.

Khi sử dụng CSS, các mẫu định dạng được viết trong phần tử sẽ áp dụng cho:

Tất cả các tệp HTML trong website

Chỉ tệp HTML hiện tại

Chỉ các thẻ có thuộc tính id

Các thẻ HTML được liên kết qua thẻ

14.

Trong đoạn mã p {color: blue; text-indent: 15px;}, phần mô tả bao gồm:

Một thuộc tính

Hai thuộc tính

Ba thuộc tính

Không có thuộc tính nào

15.

Trong CSS, thuộc tính nào dùng để thay đổi kích thước font chữ?

font-style

font-size

text-align

line-height

16.

Có tệp tin van_dung.css như hình cách liên kết với html nào sau đây là thành công?

17.

Muốn tất cả các đoạn văn bản của trang web có màu xanh thì thiết lập CSS p{color: blue;} tại vị trí nào trong hình?

18.

Đoạn CSS trong ảnh thiết đặt thuộc tính gì cho h1, h2, h3 ?

Thiết lập màu chữ và căn lề.

Thiết lập màu nền và thụt đầu dòng.

Thiết lập màu nền và căn lề.

Thiết lập màu chữ và thụt đầu dòng.

19.

Thuộc tính nào sau đây dùng để căn lề văn bản trong CSS?

text-align

line-height

font-weight

text-indent

20.

Thuộc tính line-height trong CSS dùng để:

Thiết lập chiều cao dòng

Thiết lập màu nền

Thiết lập phông chữ

Thiết lập căn lề

21.

Thuộc tính text-indent thiết lập điều gì trong văn bản?

Thụt lề dòng đầu tiên

Cỡ chữ

Độ dày của chữ

Màu nền

22.

Thuộc tính text-align: justify có tác dụng gì?

Căn lề trái

Căn lề phải

Căn đều hai bên

Căn giữa

23.

CSS hỗ trợ thuộc tính nào để chọn phông chữ?

font-color

font-family

font-spacing

font-align

24.

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

text-color

color

font-color

bg-color

25.

Định dạng CSS nào sẽ làm chữ trong các thẻ có màu xanh lá cây?

em {color: green;}

em {color: red;}

em {text-align: green;}

em {font-family: green;}

26.

Giá trị nào của text-align để căn lề văn bản ra giữa?

right

left

center

justify

27.

Trong một mẫu CSS, ký hiệu * đại diện cho:

Một thẻ cụ thể

Mọi phần tử HTML

Một lớp cụ thể

Một phần tử con

28.

Trong đoạn mã p {line-height: 200%;}, chiều cao dòng được thiết lập là:

2 em

200 pixel

200% chiều cao dòng phần tử cha

2 điểm ảnh

29.

Thuộc tính font-style trong CSS dùng để:

Thiết lập kiểu chữ

Thiết lập màu chữ

Thiết lập kích thước chữ

Thiết lập độ dày chữ

30.

Ví dụ h1 {color: red; text-align: center;} làm gì?

Làm chữ trong thẻ <h1> có màu đỏ và căn giữa

Làm chữ trong thẻ <h1> có màu đỏ và căn trái

Làm chữ trong thẻ <h1> có màu đỏ và căn phải

Làm chữ trong thẻ <h1> căn lề phải và màu xanh

31.

Để khai báo thành phần cho phép người dùng nhập văn bản, ta dùng thẻ:

Thẻ <a>

Thẻ <input>

Thẻ <p>

Thẻ <div>

32.

Chọn thẻ HTML đúng nhất cho định dạng tiêu đề lớn nhất?

<h1>

<head>

<h6>

33.

Thẻ nào dùng để xuống dòng trong HTML?

<enter>

<br>

<break>

<li>

34.

Hoa muốn tạo một website bán hàng online. Em ấy muốn tất cả các sản phẩm trên website đều có màu chữ giống nhau. Hoa có một số thắc mắc về việc sử dụng CSS. Em hãy giúp Hoa trả lời đúng/sai các giải đáp sau:

Hoa có thể sử dụng CSS để thiết lập màu chữ cho các sản phẩm.

Hoa chỉ có thể sử dụng CSS nội tuyến để thiết lập màu chữ cho từng sản phẩm.

Hoa có thể sử dụng CSS trong hoặc CSS ngoài để thiết lập màu chữ cho tất cả các sản phẩm cùng lúc.

Hoa có thể sử dụng CSS để thay đổi màu chữ của sản phẩm khi người dùng di chuột qua.

35.

Mã HTML nào thực hiện việc thêm màu nền cho trang web?

36.

Cách nào đúng nhất để nhúng 1 file css vào HTML?

<stylesheet>mystyle.css</stylesheet>

37.

Vị trí để nhúng 1 file CSS bên ngoài vào tài liệu HTML là?

Trong phần head

Trong phần footer

Trong phần body

Bất kỳ vị trí nào

38.

Thẻ Html nào để chứa các thẻ định dạng CSS trong 1 tài liệu HTML?

Thẻ <script>

Thẻ <style>

Thẻ <css>

Tất cả các thẻ trên

39.

Làm cách nào để tạo đường viền có thông số: Viền trên:20px Viền dưới: 10px Viền trái:5px Viền phải: 1 px

border-width:20px 10px 5px 1px;

border-width:20px 1px 10px 5px;

border-width:20px 5px 10px 1px;

border-width:20px 1px 5px 10px;

40.

Để tìm thành phần có tên class là 'test' để định dạng CSS?

test

#test

*test

.test

41.

Để định dạng tất cả thẻ p có chữ màu đỏ:

p {color:red }

all.p {color:red}

p {font-color:red}

.p {font-color:red}

42.

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

Các bạn HS lớp 12A thảo luận về việc sử dụng css để định kiểu cho trang web. Một số HS nêu ý kiến như sau:

Việc sử dụng CSS giúp duy trì sự nhất quán về hình thức trên toàn bộ trang web.

Chèn trực tiếp mã CSS vào thuộc tính style của thẻ HTML là cách tốt nhất để tái sử dụng mã lệnh CSS.

CSS cho phép tách rời nội dung và hình thức, làm cho việc bảo trì trang web dễ dàng hơn.

CSS có thể được viết trong một tệp riêng biệt và liên kết vào trang web qua thẻ <link>.

43.

Thẻ nào có chức năng tạo danh sách không thứ tự?

Cả 3 thẻ

44.

Thẻ nào có chức năng tạo nút cho phép lựa chọn duy nhất 1 trong nhiều lựa chọn?

45.

Hãy định dạng cho thẻ <a> khi rê chuột vào chữ chuyển sang màu blue

a:visited {

color: blue

}

a:hover {

color: blue

}

a:link {

color: blue

}

a:active {

color: blue

}

46.

Cho đoạn mã

Để thay đổi màu văn bản của phần tử <li> đầu tiên thành màu đỏ, câu lệnh css cần sử dụng là:

.maudo { color: red; }

#maudo { color: red; }

li > maudo { color: red; }

maudo{color:red};

47.

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

color

background-color

font-family

font-size

48.

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

color

background-color

font-family

font-size

49.

Thuộc tính CSS được dùng để thiết lập cỡ chữ:

color

background-color

font-family

font-size

50.

Cho biết đoạn soạn thảo external CSS sau bị lỗi cú pháp gì?

Sai dấu = ở dòng 3

Lỗi thứ tự các phần tử

Thiếu dấu { ở dòng 15

Sai dấu = ở dòng 9

51.

Để phân chia trang web thành các vùng sử dụng định dạng CSS, phần tử nào thường được sử dụng?

<div>

52.

Thuộc tính CSS nào được sử dụng để thay đổi kiểu hiển thị của phần tử thành hiển thị theo dòng?

display: block;

display: inline;

display: flex;

display: grid;

53.

Để định nghĩa bộ chọn lớp, sử dụng cấu trúc nào sau

Để định nghĩa bộ chọn lớp, sử dụng cấu trúc nào sau đây?

#Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

Phần tử.Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

.Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

#Tên định danh { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

54.

Cho các cấu trúc sau, đâu là bộ chọn định danh:

#Tên định danh { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

.Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

Phần tử.Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

Tên định danh { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

55.

Để áp dụng bộ chọn lớp cho các phần tử HTML, cần khai báo thuộc tính nào của phần tử HTML đó.

class

style

name

56.

Bộ chọn định danh trong CSS được sử dụng để áp dụng quy tắc kiểu cho:

Các phần tử có cùng lớp.

ID của phần tử.

Các phần tử con trực tiếp.

Các phần tử có cùng tên.

57.

Để áp dụng bộ chọn định danh cho phần tử HTML, cần khai báo thuộc tính nào của phần tử HTML đó.

class

style

name

58.

Để tạo viền khung với các góc được bo tròn 10px, đồng thời viền có màu xanh và dày 5px, mã CSS nào là đúng?

border: 5px solid blue; border-radius: 10px;

border: 5px; color: blue;

border-width: 5px; border-color: blue; border-style: solid; border-radius: 10px;

border-style: solid; border-radius: 10px.

59.

Khi thiết kế trang web CLB nghệ thuật, học sinh muốn tạo một bố cục với các khối nội dung chiếm 30% chiều rộng trang. Câu lệnh CSS nào cần được sử dụng?

.block_3 {flex: 0 0 auto; width: 30%; margin: 10px;}

.block_3 {width: 70%; margin: 10px;}

.block_3 {height: auto; width: 50%;}

.block_3 {flex: 1; width: auto;}

60.

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

Nhóm HS đưa ra một số ý kiến về định kiểu css cho văn bản trên web như sau:

Thuộc tính font-style chỉ định phông chữ sẽ được sử dụng.

Thuộc tính color trong CSS có thể được sử dụng để định kiểu màu sắc của chữ.

Hàm rgba() trong CSS cho phép chỉ định màu sắc và độ trong suốt.

Thuộc tính font-family dùng để chỉ định cỡ chữ trong CSS.

61.

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

Vùng chọn CSS là một phần quan trọng trong việc định kiểu cho trang web. Chúng cho phép bạn chọn các phần tử HTML cụ thể để áp dụng các kiểu dáng CSS. Có ba loại vùng chọn cơ bản: tên phần tử, lớp (class) và ID.

Vùng chọn ID có độ ưu tiên cao hơn vùng chọn lớp (class).

Ký tự # được sử dụng để khai báo vùng chọn lớp (class).

Vùng chọn ID được sử dụng để định kiểu cho nhiều phần tử có cùng ID.

Vùng chọn tên phần tử dùng để định kiểu cho tất cả các phần tử có cùng tên thẻ HTML

62.

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

Bạn Hùng có một trang web với nhiều phần tử HTML, bạn cần định kiểu cho tất cả các phần tử có class “highlight” bằng cách làm cho chữ in đậm và có màu đỏ. Bạn Hùng đã sử dụng mã CSS sau:

.highlight { font-weight: bold; color: red; }

Sau đây là một số nhận định về mã lệnh trên:

Quy tắc CSS trên không thể áp dụng cho phần tử có id là highlight.

Nếu một phần tử có cả class highlight và class text-large, các quy tắc định kiểu của cả hai class này đều có thể được áp dụng cho phần tử đó.

Bạn có thể sử dụng class highlight cho các phần tử khác nhau như <div>, <p>, và <h1> trong cùng một trang web.

Quy tắc CSS này sẽ chỉ áp dụng cho phần tử đầu tiên có class highlight trên trang.

63.

Mai muốn làm nổi bật một tiêu đề bằng thẻ <h1> với chữ màu cam, cỡ chữ 36px và căn giữa. Em hãy nhận xét đúng/sai:

Thuộc tính font-size được dùng để thay đổi cỡ chữ.

color: orange; là cú pháp đúng để đổi màu chữ sang cam.

Đơn vị px có thể dùng trong thuộc tính font-size.

CSS sau là hợp lệ: h1 { font-size: 36px; color: orange; text-align: center; }

64.

Minh đang thiết kế một nút nhấn bằng thẻ <button> và muốn định dạng chữ màu xanh dương đậm, viền màu đen, nền màu xám. Em hãy nhận xét đúng/sai:

Thuộc tính color được dùng để đổi màu viền nút.

Thuộc tính border có thể dùng để định dạng viền.

Giá trị darkblue có thể áp dụng cho thuộc tính color.

Minh có thể viết CSS như sau: button { color: darkblue; border: 1px solid black; background-color: gray; }.

65.

Em muốn tạo một hộp có nền màu xanh lá cây, đường viền màu đỏ dày 2px và vùng đệm 10px. Mã CSS nào sau đây là đúng?

div { background-color: green; border: 10px solid red; padding: 2px; }

div { background-color: green; border: 2px solid red; padding: 10px; }

div { background-color: red; border: 2px solid green; padding: 10px; }

div { background-color: green; border: 2px solid red; margin: 10px; }

66.

Bạn Duy đang thiết kế bảng có dòng kẻ ngang giữa các dòng để dễ đọc hơn. Em hãy nhận xét đúng/sai các thao tác của bạn ấy:

Duy nên dùng thuộc tính border-collapse để gộp đường viền ô lại.

border-bottom có thể dùng để tạo đường kẻ ngang giữa các hàng.

Ghi tr { border-bottom: 1px solid gray; } là cú pháp sai.

Duy có thể dùng CSS như sau:

table { border-collapse: collapse; }

tr { border-bottom: 1px solid gray; }

67.

Em muốn tạo một hộp có lề trên 20px, lề phải 30px, lề dưới 40px và lề trái 10px. Mã CSS nào sau đây là đúng?

div { margin: 20px 30px 40px 10px; }

div { margin: 10px 20px 30px 40px; }

div { margin: 10px 40px 30px 20px; }

div { margin: 40px 30px 20px 10px; }

68.

Giá trị nào của thuộc tính border-collapse dùng để gộp đường viền?

separate

collapse

inherit

initial

69.

Cho biết kích thước font chữ của thẻ <p> bên dưới?

16px

32px

40px

64px

70.

Đoạn mã nào dùng để thêm padding với: 10px ở trên, 15px bên dưới, 5px bên phải và 10px bên trái?

padding: 10px 15px 5px 10px;

padding: 15px 5px 10px 10px;

padding: 10px 5px 10px 15px;

padding: 10px 5px 15px 10px;

71.

Dòng lệnh nào dưới đây được dùng để liên kết tệp HTML với tệp định nghĩa CSS?

<stylesheet>mystyle.css</stylesheet>

72.

Tính chất kế thừa của CSS là gì?

CSS sẽ luôn áp dụng cho phần tử cuối cùng

Mẫu CSS áp dụng cho một phần tử sẽ được kế thừa bởi các phần tử con

CSS không có tính kế thừa

CSS chỉ áp dụng cho phần tử cha

73.

Thuộc tính text-align: justify có tác dụng gì?

Căn lề trái

Căn lề phải

Căn đều hai bên

Căn giữa

74.

Mẫu CSS h1, h2, h3 {color: red;} áp dụng định dạng cho những thẻ nào?

Chỉ thẻ h1

Chỉ thẻ h2

Cả thẻ h1, h2, và h3

Không thẻ nào

75.

Làm sao để tạo chữ đậm?

font-weight:bold

style:bold

font:b

Tất cả các câu trên đều đúng

76.

Để gán class cho một phần tử HTML, chúng ta sử dụng:

id="classname"

class="classname"

name="classname"

value="classname"

77.

Để gán id cho một phần tử HTML, chúng ta sử dụng:

class="idname"

id="idname"

name="idname"

value="idname"

78.

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

Class và id hoàn toàn giống nhau

Class có thể được sử dụng cho nhiều phần tử, id chỉ dùng cho một phần tử duy nhất

Class chỉ dùng cho một phần tử, id có thể sử dụng cho nhiều phần tử

Class và id không có sự khác biệt trong CSS

79.

Thuộc tính nào dùng để thay đổi màu nền trong CSS?

background-color

float

text-color

border-radius

80.

Để chèn một khung nội tuyến có kích thước 600x400 pixel, thuộc tính nào còn được khai báo?

size

poster

width và height

loop

Reset

HKII

Total questions: 80

Worksheet time: 30mins

Similar Resources on Wayground