Font size
S
M
L
XL
WorksheetsThiết kế web_Buổi 7
Total questions: 99
Worksheet time: 50mins
Name
Class
Date
1.
CSS là viết tắt của?
a)
Cascading Style Sheets
b)
Creative Style Sheets
c)
Computer Style Sheets
d)
Colorful Style Sheets
2.
Làm thế nào để chèn một file CSS bên ngoài vào tài liệu HTML?
a)
<style src="style.css">
b)
<stylesheet>style.css</stylesheet>
c)
<link rel="stylesheet" type="text/css" href="style.css">
d)
<css>style.css</css>
3.
Đâu là cú pháp đúng của một quy tắc CSS?
a)
body:color=black;
b)
{body;color:black;}
c)
body {color: black;}
d)
body {color=black;}
4.
Thuộc tính nào được sử dụng để thay đổi màu nền của một phần tử?
a)
color
b)
bgcolor
c)
background-color
d)
background
5.
Thuộc tính nào được sử dụng để thay đổi màu chữ của một phần tử?
a)
fgcolor
b)
color
c)
text-color
d)
font-color
6.
Thuộc tính CSS nào kiểm soát kích thước của chữ?
a)
font-style
b)
text-size
c)
font-size
d)
text-style
7.
Làm thế nào để bạn làm cho văn bản thành chữ in đậm?
a)
font-weight:bold;
b)
font:bold;
c)
style:bold;
d)
text:bold;
8.
Làm thế nào để bạn hiển thị các đường viền như sau: top border = 10 pixels, bottom border = 5 pixels, left border = 20 pixels, right border = 1pixel?
a)
border-width:10px 1px 5px 20px;
b)
border-width:10px 20px 5px 1px;
c)
border-width:10px 5px 20px 1px;
d)
border-width:5px 20px 10px 1px;
9.
Thuộc tính nào được sử dụng để thay đổi lề trái của một phần tử?
a)
padding-left
b)
margin-left
c)
indent
d)
text-indent
10.
Khi đặt thuộc tính padding thành `padding: 10px 5px;`, padding-top là bao nhiêu?
a)
10px
b)
5px
c)
15px
d)
Không xác định
11.
Làm thế nào để bạn chọn một phần tử có id là ""demo""?
a)
.demo
b)
#demo
c)
demo
d)
*demo
12.
Làm thế nào để bạn chọn các phần tử có tên lớp là ""test""?
a)
#test
b)
.test
c)
test
d)
*test
13.
Làm thế nào để bạn chọn tất cả các phần tử p bên trong một phần tử div?
a)
div + p
b)
div p
c)
div.p
d)
div > p
14.
Làm thế nào để bạn nhóm các selector?
a)
Tách mỗi selector bằng dấu phẩy
b)
Tách mỗi selector bằng dấu cách
c)
Tách mỗi selector bằng dấu cộng
d)
Tách mỗi selector bằng dấu chấm
15.
Giá trị mặc định của thuộc tính position là gì?
a)
relative
b)
fixed
c)
absolute
d)
static
16.
Đâu là cách viết đúng để áp dụng nhiều class cho một phần tử?
a)
<p class="class1, class2">
b)
<p class="class1 class2">
c)
<p class=class1,class2>
d)
<p class=class1.class2>
17.
Thuộc tính `text-align: justify;` có tác dụng gì?
a)
Căn đều văn bản hai bên
b)
Căn lề trái
c)
Căn lề phải
d)
Căn giữa
18.
Thuộc tính `text-decoration: none;` thường được sử dụng để làm gì?
a)
Xóa gạch chân của liên kết
b)
Tạo gạch chân cho văn bản
c)
Tạo gạch ngang cho văn bản
d)
Tạo gạch trên cho văn bản
19.
Làm thế nào để biến đổi văn bản thành chữ in hoa?
a)
text-transform: uppercase;
b)
text-transform: capitalize;
c)
text-transform: lowercase;
d)
Không có thuộc tính này
20.
Thuộc tính `font-family` dùng để làm gì?
a)
Thay đổi kiểu chữ
b)
Thay đổi kích thước chữ
c)
Thay đổi độ đậm của chữ
d)
Thay đổi kiểu chữ nghiêng
21.
`@font-face` được sử dụng để làm gì?
a)
Nhúng một font chữ tùy chỉnh vào trang web
b)
Thay đổi màu sắc của font chữ
c)
Tạo hiệu ứng bóng cho chữ
d)
Thay đổi khoảng cách giữa các chữ
22.
Định dạng font chữ nào được W3C khuyến khích sử dụng cho web?
a)
TTF
b)
OTF
c)
WOFF
d)
SVG
23.
Trong CSS Box Model, thứ tự từ trong ra ngoài của các thành phần là gì?
a)
Content, Padding, Border, Margin
b)
Content, Margin, Border, Padding
c)
Content, Border, Padding, Margin
d)
Margin, Padding, Border, Content
24.
Thuộc tính `z-index` dùng để làm gì?
a)
Xếp chồng các phần tử
b)
Thay đổi kích thước phần tử
c)
Di chuyển phần tử
d)
Làm mờ phần tử
25.
Giá trị `auto` của thuộc tính `margin` có tác dụng gì khi áp dụng cho một khối có chiều rộng cố định?
a)
Căn giữa khối theo chiều ngang
b)
Căn lề trái
c)
Căn lề phải
d)
Không có tác dụng
26.
Thuộc tính `overflow: hidden;` có tác dụng gì?
a)
Ẩn nội dung bị tràn ra ngoài
b)
Hiển thị thanh cuộn khi nội dung bị tràn
c)
Hiển thị nội dung bị tràn
d)
Tự động điều chỉnh kích thước phần tử
27.
Sự khác biệt giữa `display: none;` và `visibility: hidden;` là gì?
a)
`display: none;` xóa phần tử khỏi luồng tài liệu, trong khi `visibility: hidden;` chỉ ẩn nó
b)
`visibility: hidden;` xóa phần tử khỏi luồng tài liệu, trong khi `display: none;` chỉ ẩn nó
c)
Cả hai đều giống nhau
d)
Không có sự khác biệt nào
28.
Độ ưu tiên của selector nào cao nhất?
a)
ID selector
b)
Class selector
c)
Element selector
d)
Universal selector (*)
29.
Để một quy tắc CSS có độ ưu tiên cao nhất, ta sử dụng từ khóa nào?
a)
!important
b)
!override
c)
!priority
d)
!top
30.
Thuộc tính `opacity` có giá trị từ đâu đến đâu?
a)
0.0 - 1.0
b)
0 - 100
c)
0 - 255
d)
1 - 10
31.
Màu sắc `rgb(255, 0, 0)` là màu gì?
a)
Đỏ
b)
Xanh lá
c)
Xanh dương
d)
Đen
32.
Mã màu hex `#0000FF` tương ứng với màu gì?
a)
Xanh dương
b)
Xanh lá
c)
Đỏ
d)
Vàng
33.
Làm thế nào để tạo hiệu ứng bóng đổ cho văn bản?
a)
text-shadow
b)
box-shadow
c)
font-shadow
d)
shadow
34.
Thuộc tính `line-height` dùng để làm gì?
a)
Thiết lập chiều cao của một dòng văn bản
b)
Thiết lập chiều cao của một phần tử
c)
Thiết lập khoảng cách giữa các chữ
d)
Thiết lập khoảng cách giữa các từ
35.
Làm thế nào để bạn chọn tất cả các phần tử `<a>` có thuộc tính `target`?
a)
a[target]
b)
a > target
c)
a.target
d)
a:target
36.
Pseudo-class `:hover` được sử dụng khi nào?
a)
Khi người dùng di chuột qua một phần tử
b)
Khi một phần tử được focus
c)
Khi một liên kết đã được truy cập
d)
Khi một liên kết chưa được truy cập
37.
Sự khác biệt giữa `em` và `rem` là gì?
a)
`em` phụ thuộc vào font-size của phần tử cha, `rem` phụ thuộc vào font-size của phần tử gốc (html)
b)
`rem` phụ thuộc vào font-size của phần tử cha, `em` phụ thuộc vào font-size của phần tử gốc (html)
c)
Cả hai đều phụ thuộc vào font-size của phần tử cha
d)
Cả hai đều phụ thuộc vào font-size của phần tử gốc (html)
38.
Thuộc tính `word-spacing` dùng để làm gì?
a)
Thay đổi khoảng cách giữa các từ
b)
Thay đổi khoảng cách giữa các chữ
c)
Thay đổi khoảng cách giữa các dòng
d)
Thay đổi cách ngắt từ
39.
Thuộc tính `letter-spacing` dùng để làm gì?
a)
Thay đổi khoảng cách giữa các chữ
b)
Thay đổi khoảng cách giữa các từ
c)
Thay đổi khoảng cách giữa các dòng
d)
Thay đổi cách ngắt chữ
40.
Làm thế nào để bạn chỉ định một font chữ dự phòng?
a)
Liệt kê nhiều tên font chữ, phân tách bằng dấu phẩy trong `font-family`
b)
Sử dụng thuộc tính `font-fallback`
c)
Sử dụng thuộc tính `backup-font`
d)
Không thể chỉ định font chữ dự phòng
41.
Thuộc tính `font-style` có thể nhận những giá trị nào?
a)
normal, italic, oblique
b)
normal, bold, light
c)
small, medium, large
d)
serif, sans-serif, monospace
42.
Giá trị `small-caps` của thuộc tính `font-variant` có tác dụng gì?
a)
Hiển thị các chữ cái thường dưới dạng chữ in hoa nhỏ
b)
Hiển thị tất cả chữ cái dưới dạng chữ in hoa
c)
Hiển thị tất cả chữ cái dưới dạng chữ thường
d)
Không có tác dụng
43.
Làm thế nào để chèn chú thích trong CSS?
a)
/* this is a comment */
b)
// this is a comment
c)
' this is a comment
d)
# this is a comment
44.
Thuộc tính nào được sử dụng để làm tròn các góc của một phần tử?
a)
border-radius
b)
corner-effect
c)
border-curve
d)
round-corners
45.
Giá trị `inline-block` của thuộc tính `display` có đặc điểm gì?
a)
Vừa có đặc điểm của inline, vừa có đặc điểm của block
b)
Chỉ có đặc điểm của inline
c)
Chỉ có đặc điểm của block
d)
Không có đặc điểm nào
46.
Thuộc tính `float` dùng để làm gì?
a)
Cho phép một phần tử trôi sang trái hoặc phải
b)
Căn giữa một phần tử
c)
Thay đổi vị trí của một phần tử
d)
Thay đổi kích thước của một phần tử
47.
Để xóa hiệu ứng `float`, ta sử dụng thuộc tính nào?
a)
clear
b)
overflow
c)
display
d)
position
48.
Sự kế thừa trong CSS có nghĩa là gì?
a)
Các phần tử con sẽ kế thừa một số thuộc tính CSS từ phần tử cha
b)
Các phần tử cha sẽ kế thừa một số thuộc tính CSS từ phần tử con
c)
Các phần tử anh em sẽ kế thừa thuộc tính của nhau
d)
Không có sự kế thừa trong CSS
49.
Đơn vị `%` trong CSS thường được tính toán dựa trên?
a)
Phần tử cha
b)
Phần tử gốc (html)
c)
Kích thước của viewport
d)
Kích thước mặc định của trình duyệt
50.
Cú pháp CSS đúng là gì?
a)
{body:color=black;}
b)
body {color: black;}
c)
body:color=black;
d)
body;color:black;
51.
Thành phần nào trong cú pháp CSS dùng để chọn phần tử HTML cần định dạng?
a)
Property
b)
Value
c)
Selector
d)
Declaration
52.
Thuộc tính nào dùng để thụt lề đầu dòng cho văn bản?
a)
text-align
b)
text-indent
c)
text-decoration
d)
line-height
53.
Giá trị `justify` của thuộc tính `text-align` có ý nghĩa gì?
a)
Căn lề trái
b)
Căn lề phải
c)
Căn giữa
d)
Căn đều hai bên
54.
Để tạo một đường gạch chân văn bản, ta dùng `text-decoration` với giá trị nào?
a)
overline
b)
line-through
c)
underline
d)
none
55.
Thuộc tính nào dùng để chuyển đổi văn bản thành chữ hoa hoặc chữ thường?
a)
text-transform
b)
font-style
c)
text-decoration
d)
font-variant
56.
Giá trị `uppercase` của `text-transform` làm gì?
a)
Chuyển thành chữ thường
b)
Chuyển thành chữ hoa đầu mỗi từ
c)
Chuyển tất cả thành chữ hoa
d)
Không thay đổi
57.
Thuộc tính nào dùng để điều chỉnh khoảng cách giữa các từ?
a)
letter-spacing
b)
word-spacing
c)
line-height
d)
text-spacing
58.
Thuộc tính `letter-spacing` dùng để làm gì?
a)
Tăng/giảm khoảng cách giữa các từ
b)
Tăng/giảm chiều cao dòng
c)
Tăng/giảm khoảng cách giữa các ký tự
d)
Tạo bóng cho chữ
59.
Để điều chỉnh chiều cao của một dòng văn bản, ta dùng thuộc tính nào?
a)
height
b)
line-height
c)
font-size
d)
text-height
60.
Làm thế nào để thêm bóng cho văn bản?
a)
shadow-text
b)
text-effect
c)
text-shadow
d)
font-shadow
61.
Quy tắc `@font-face` trong CSS dùng để làm gì?
a)
Thay đổi màu chữ
b)
Nhúng một phông chữ tùy chỉnh vào trang web
c)
Thay đổi kích thước chữ
d)
Tạo chữ nghiêng
62.
Thuộc tính nào trong `@font-face` dùng để đặt tên cho phông chữ?
a)
src
b)
font-name
c)
font-family
d)
font-style
63.
Thuộc tính `src` trong `@font-face` chỉ định điều gì?
a)
Tên của phông chữ
b)
URL của tệp phông chữ
c)
Kiểu của phông chữ
d)
Độ đậm của phông chữ
64.
Thuộc tính CSS nào dùng để chỉ định phông chữ cho một phần tử?
a)
font-style
b)
font-weight
c)
font-family
d)
font-size
65.
Để định dạng chữ in nghiêng, ta dùng thuộc tính `font-style` với giá trị nào?
a)
normal
b)
italic
c)
oblique
d)
bold
66.
Thuộc tính `font-weight` dùng để làm gì?
a)
Thiết lập kiểu chữ (nghiêng/thường)
b)
Thiết lập kích thước chữ
c)
Thiết lập độ đậm/nhạt của chữ
d)
Thiết lập biến thể chữ
67.
Giá trị `bold` của `font-weight` tương đương với giá trị số nào?
a)
400
b)
500
c)
700
d)
900
68.
Đơn vị `em` trong `font-size` có ý nghĩa gì?
a)
Kích thước cố định theo pixel
b)
Tương đối so với kích thước chữ của phần tử cha
c)
Tương đối so với chiều rộng của viewport
d)
Tương đối so với chiều cao của viewport
69.
Thuộc tính `font-size` dùng để làm gì?
a)
Thay đổi họ phông chữ
b)
Thay đổi độ đậm của chữ
c)
Thay đổi kích thước chữ
d)
Thay đổi kiểu chữ
70.
Thuộc tính `font-variant` với giá trị `small-caps` làm gì?
a)
Hiển thị chữ thường dưới dạng chữ hoa nhỏ
b)
Hiển thị chữ hoa
c)
Hiển thị chữ thường
d)
Hiển thị chữ nghiêng
71.
Để kết hợp nhiều thuộc tính font vào một, ta dùng thuộc tính rút gọn nào?
a)
font-style
b)
font-family
c)
font
d)
font-all
72.
Thuộc tính `white-space` với giá trị `nowrap` có tác dụng gì?
a)
Xuống dòng tự động khi hết chỗ
b)
Giữ nguyên khoảng trắng và xuống dòng
c)
Ngăn không cho văn bản tự động xuống dòng
d)
Chỉ xuống dòng khi gặp thẻ <br>
73.
Giá trị `line-through` của `text-decoration` tạo ra hiệu ứng gì?
a)
Gạch chân
b)
Gạch trên
c)
Gạch ngang chữ
d)
Không có hiệu ứng
74.
Cú pháp `selector { property: value; }` được gọi là gì?
a)
Một quy tắc CSS (CSS Rule)
b)
Một lớp CSS (CSS Class)
c)
Một ID CSS (CSS ID)
d)
Một hàm CSS (CSS Function)
75.
Làm thế nào để áp dụng CSS cho một phần tử có id là "header"?
a)
.header { ... }
b)
#header { ... }
c)
header { ... }
d)
*header { ... }
76.
Làm thế nào để áp dụng CSS cho tất cả các phần tử `<p>`?
a)
#p { ... }
b)
.p { ... }
c)
p { ... }
d)
all.p { ... }
77.
Thuộc tính nào dùng để căn lề văn bản sang bên phải?
a)
text-align: left;
b)
text-align: center;
c)
text-align: right;
d)
text-align: justify;
78.
Để hủy bỏ tất cả các đường trang trí của `text-decoration`, ta dùng giá trị nào?
a)
none
b)
normal
c)
clear
d)
default
79.
Giá trị `capitalize` của `text-transform` có tác dụng gì?
a)
Viết hoa tất cả các chữ
b)
Viết thường tất cả các chữ
c)
Viết hoa ký tự đầu tiên của mỗi từ
d)
Không làm gì cả
80.
Thuộc tính `font-kerning` được sử dụng để làm gì?
a)
Điều chỉnh khoảng cách giữa các từ
b)
Điều chỉnh khoảng cách giữa các ký tự một cách tự động để dễ đọc hơn
c)
Điều chỉnh chiều cao dòng
d)
Thay đổi họ phông chữ
81.
Giá trị `normal` của `font-weight` tương đương với giá trị số nào?
a)
700
b)
400
c)
100
d)
900
82.
Đơn vị `px` là viết tắt của từ gì?
a)
Percent
b)
Point
c)
Pixel
d)
Pica
83.
Thuộc tính nào không phải là một phần của thuộc tính rút gọn `font`?
a)
font-style
b)
font-size
c)
font-family
d)
color
84.
Thẻ HTML nào được dùng để nhúng CSS bên ngoài (External CSS)?
a)
`<style>`
b)
`<script>`
c)
`<css>`
d)
`<link>`
85.
Thuộc tính `rel="stylesheet"` trong thẻ `<link>` có ý nghĩa gì?
a)
Xác định URL của tệp CSS
b)
Xác định đây là một liên kết quan trọng
c)
Xác định rằng tệp được liên kết là một stylesheet
d)
Xác định ngôn ngữ của tệp
86.
Thuộc tính `href` trong thẻ `<link>` dùng để làm gì?
a)
Chỉ định kiểu tệp
b)
Chỉ định mối quan hệ
c)
Chỉ định đường dẫn đến tệp CSS
d)
Chỉ định tên tệp
87.
Cách nào để viết chú thích trong CSS?
a)
// Chú thích
b)
/* Chú thích */
c)
' Chú thích
88.
Bộ chọn `*` trong CSS chọn những phần tử nào?
a)
Chỉ phần tử đầu tiên
b)
Chỉ phần tử cuối cùng
c)
Tất cả các phần tử
d)
Không chọn phần tử nào
89.
Bộ chọn `p, div` sẽ áp dụng kiểu cho những phần tử nào?
a)
Chỉ phần tử `<p>` bên trong `<div>`
b)
Tất cả các phần tử `<p>` và tất cả các phần tử `<div>`
c)
Chỉ phần tử `<div>` bên trong `<p>`
d)
Phần tử `<p>` đứng ngay sau `<div>`
90.
Thuộc tính `text-decoration-line` dùng để làm gì?
a)
Thiết lập màu của đường trang trí
b)
Thiết lập kiểu của đường trang trí (nét đứt, nét liền)
c)
Thiết lập loại đường trang trí (gạch chân, gạch ngang)
d)
Thiết lập độ dày của đường trang trí
91.
Để thiết lập kiểu đường trang trí là nét đứt, ta dùng `text-decoration-style` với giá trị nào?
a)
solid
b)
wavy
c)
dotted
d)
dashed
92.
Thuộc tính `font-stretch` làm gì?
a)
Kéo dãn chữ theo chiều cao
b)
Làm chữ đậm hơn
c)
Kéo dãn hoặc co hẹp các ký tự của phông chữ
d)
Thay đổi kích thước chữ
93.
`font-family: "Times New Roman", Times, serif;` có ý nghĩa gì?
a)
Chỉ sử dụng phông chữ "Times New Roman"
b)
Trình duyệt sẽ thử "Times New Roman", nếu không có sẽ thử Times, cuối cùng là một phông serif bất kỳ
c)
Chỉ sử dụng phông chữ serif
d)
Tất cả các phông chữ sẽ được áp dụng cùng lúc
94.
Giá trị `inherit` có thể được dùng cho thuộc tính CSS nào?
a)
Chỉ `font-size`
b)
Chỉ `color`
c)
Hầu hết các thuộc tính CSS
d)
Không thuộc tính nào
95.
Thuộc tính `text-align-last` dùng để làm gì?
a)
Căn lề cho toàn bộ đoạn văn
b)
Căn lề cho dòng đầu tiên của đoạn văn
c)
Căn lề cho dòng cuối cùng của một khối văn bản
d)
Căn lề cho từ cuối cùng
96.
Làm thế nào để chọn tất cả các phần tử `<a>` có thuộc tính `target`?
a)
a[target]
b)
a > target
c)
a.target
d)
a+target
97.
Sự khác biệt giữa `font-style: italic` và `font-style: oblique` là gì?
a)
Không có sự khác biệt
b)
`italic` là một phiên bản chữ nghiêng được thiết kế riêng, `oblique` chỉ là phiên bản làm xiên của chữ thường
c)
`oblique` đậm hơn `italic`
d)
`italic` chỉ dùng cho phông chữ serif
98.
Thuộc tính `text-decoration-color` dùng để làm gì?
a)
Thay đổi màu của văn bản
b)
Thay đổi màu của đường trang trí (gạch chân, gạch ngang)
c)
Thay đổi màu nền của văn bản
d)
Thay đổi màu bóng của văn bản
99.
Đâu là cách chèn CSS trực tiếp vào thẻ HTML (Inline CSS)?
a)
`<p css="color: red;">`
b)
`<p style="color: red;">`
c)
`<p style-color="red;">`
d)
`<p class="color: red;">`
Reset
