Font size
Worksheetsôn tập tin hoc 12 cuois ky
Total questions: 66
Worksheet time: 37mins
Cách nào không phải là một cách thiết lập CSS?
CSS tích hợp
CSS trong
CSS ngoài
CSS nối tuyến
Phần tử fieldset của biểu mẫu được dùng để làm gì?
Kiểm tra tính hợp lệ của dữ liệu người dùng nhập vào
Nhóm các phần tử có liên quan trong biểu mẫu
Nhập dữ liệu
Chỉ định cho trình duyệt tự động lấy dữ liệu người dùng đã nhập trước đây
Điểm khác biệt giữa thẻ <radio> và <checkbox> là gì?
"Không có điểm khác biệt giữa thẻ <radio> và <checkbox>"
"<radio> chỉ chọn một giá trị, <checkbox> có thể chọn nhiều giá trị"
"<radio> để nhập văn bản, <checkbox> để có thể chọn nhiều giá trị khác nhau"
Cả hai đều dùng để chọn một giá trị
Cấu trúc tổng quát của mỗi mẫu định dạng CSS có mấy phần?
4
3
5
2
Vùng mô tả (declaration block) của một mẫu định dạng CSS có dạng như thế nào?
{thuộc tính=giá trị;}
{thuộc tính: giá trị,}
{thuộc tính: giá trị;}
{thuộc tính-giá trị,}
Thuộc tính CSS nào dùng để đổi kích thước chữ?
font-size
text-style
letter-size
size
Trong CSS, thuộc tính line-height dùng để làm gì?
Định nghĩa độ rộng của chữ
Thiết lập khoảng cách giữa các ký tự
Thiết lập khoảng cách giữa các dòng văn bản
Định nghĩa chiều cao của phần tử
Nếu bạn sử dụng border-style: double;, đường viền sẽ trông như thế nào?
Là một chuỗi các ô vuông hoặc dấu chấm
Là một đường nét đôi
Là một chuỗi các nét gạch ngang đứt đoạn
Là một đường nét liền
Bộ chọn nào áp dụng cho các phần tử F với điều kiện F là phần tử con/cháu của E, tức là E phải ở phía trên F trong cây HTML?
E ~ F
E > F
E + F
E F
Để định dạng khoảng cách từ vùng văn bản đến đường viền ngoài của khung, em sử dụng thuộc tính nào?
border-width
padding
spacing
margin
Khi thiết lập bộ chọn lớp trong CSS, cú pháp nào sau đây là đúng?
*classname { color: red; }
classname { color: red; }
.classname { color: red; }
#classname { color: red; }
Trong khai báo đường viền cho một khối: “border: 3px solid blue;” giá trị nào đại diện cho độ dày của đường viền?
blue
border
solid
3px
Phần tử nào của biểu mẫu xác định vùng nhập dữ liệu hỗ trợ nhập nhiều kiểu dữ liệu khác nhau?
input
textarea
label
name
Để gửi dữ liệu biểu mẫu về máy chủ, ta sử dụng loại nút nào
"<button type='button'>"
"<input type='submit'>"
"<input type='file'>"
"<input type='reset'>"
Thuộc tính CSS nào sau đây không có tính kế thừa?
font-size
border
font-family
color
Các mẫu định dạng CSS được đặt trong cặp thẻ nào của tệp HTML?
"<title></title>."
"<style></style>."
"<body></body>."
"<meta></meta>."
Phát biểu nào sau đây đúng?
CSS sử dụng ngôn ngữ mô tả chung với HTML
CSS là viết tắt của Cascading Sheets Style
Mỗi mẫu định dạng CSS chỉ dùng được một lần
CSS được dùng để thiết lập các mẫu định dạng dùng trong trang web
Thuộc tính nào dùng để căn lề văn bản?
align-text
text-align
text-format
position-align
Thuộc tính nào để đổi phông chữ?
text-family
font-style
letter-family
font-family
Bộ chọn nào áp dụng cho các phần tử F với điều kiện F là phần tử con của E, tức là E là phần tử cha, trên F một cấp trong cây HTML?
E ~ F
E + F
E F
E > F
Thuộc tính border-radius dùng để làm gì?
Điều chỉnh chiều cao
Tạo nền cho khung
Tạo bo góc
Tạo bóng khung
Thuộc tính nào dùng để thiết lập kiểu của đường viền trong CSS?
border-color
border-width
border-style
border-radius
Để thay đổi màu văn bản của phần tử
class { color: red; }
.mau { color: red; }
#mau { color: red; }
color {mau; red; }
Thuộc tính value của thẻ
Hiển thị văn bản trên nút
Đặt tên cho nút
Liên kết với thẻ
Chỉ định đường dẫn cho nút
Để kết nối tệp CSS với tệp HTML, bạn có thể sử dụng thẻ nào trong phần
?"<script>"
"<style>"
"<link>"
"<import>"
Để thiết lập kiểu chữ nghiêng của văn bản, em sử dụng thuộc tính CSS nào?
font-weight
font-style
font-family
font-size
Bộ chọn nào áp dụng cho các phần tử F với điều kiện F là phần tử em liền kề với E, tức là E cùng cấp với F, đứng trước F trong cây HTML?
E > F
E F
E + F
E ~ F
Thuộc tính margin dùng để làm gì?
Làm nền tối hơn
Tạo khoảng cách bên ngoài phần tử
Tăng độ dày viền
Phóng to chữ
Cách thiết lập các mẫu định dạng với các phần tử có class tương ứng là:
.idname {thuộc tính: giá trị;}
id[name] {thuộc tính: giá trị;}
#idname {thuộc tính: giá trị;}
idname {thuộc tính: giá trị;}
Bộ chọn (vùng chọn) nào dưới đây sẽ tạo ra một thẻ div có viền dày 2px, màu viền đỏ và kiểu viền nét đứt thẳng?
div{border: 2px dashed red;}
div{border: 2px dotted red;}
div{border: 5px dotted green;}
div{border: 2px solid blue;}
Thuộc tính nào của thẻ "<input>" được sử dụng để xác định loại dữ liệu mà phần tử input chứa?
id
value
name
type
Để tạo một danh sách thả xuống cho phép người dùng chọn một trong các lựa chọn, thẻ nào được sử dụng?
"<input>"
"<label>"
"<select>"
"<textarea>"
Mẫu CSS thiết lập chiều cao dòng văn bản bằng 1,5 lần chiều cao dòng hiện thời là:
p {line-height: 1.5in;};
p {line-height: 1.5em;};
p {line-height: 1.5rem;};
p {line-height: 1.5;};
Vai trò chính của CSS là gì?
Lưu trữ hình ảnh
Quản lý cơ sở dữ liệu
Thiết kế cấu trúc trang web
Tạo và định dạng giao diện trang web
Bộ chọn phần tử được khai báo như sau:
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ị;}
Để thiết lập kiểu chữ đậm của văn bản, em sử dụng thuộc tính CSS nào?
font-weight
font-size
font-family
font-style
Mã rgb(0, 255, 0) đại diện cho màu nào trong hệ màu RGB?
Màu đỏ
Màu xanh lá cây
Màu vàng
Màu xanh dương
Bộ chọn nào áp dụng cho các phần tử F với điều kiện F là phần tử anh/em của E, tức là E ở cùng cấp với F trong cây HTML?
E > F
E F
E + F
E ~ F
Để tạo đường viền màu đỏ, em dùng thuộc tính nào?
border-color: red;
border-style: red;
border-shadow: red;
border-width: red;
Trong khai báo đường viền cho một khối: “border: 3px solid blue;” giá trị nào đại diện cho kiểu viền nét liền?
3px
solid
blue
border
Phương án nào dưới đây mô tả đúng kết quả khi áp dụng của bộ chọn: #content{font-size: 18px; color: purple; padding: 15px;} cho thẻ văn bản?
Kích thước chữ 18px, màu tím, khoảng cách bên ngoài văn bản là 15px.
Kích thước chữ 18px, màu tím, khoảng cách giữa văn bản và viền là 15px.
Kích thước chữ 18px, màu chữ xanh lá, khoảng trống xung quanh là 15px.
Kích thước chữ 15px, màu tím, khoảng cách giữa văn bản và viền là 18px.
Biểu mẫu bao gồm các điều khiển nào sau đây?
Văn bản, hộp kiểm
Ô văn bản, hộp kiểm
Văn bản, nút chọn, hộp kiểm
Ô văn bản, nút chọn, hộp kiểm, nút lệnh
Điều khiển nhập xâu kí tự nào sau đây là đúng?
"<input type="text" name=“Tên_điều_khiển” value=“Giá trị”>"
"<input type="lable" name=“Tên_điều_khiển” value=“Giá trị”>"
"<input type="audio" name=“Tên_điều_khiển” value=“Giá trị”>"
"<input type="checkbox" name=“Tên_điều_khiển” value=“Giá trị”>"
CSS viết tắt của từ nào trong tiếng Anh?
Cascading Style Sheets
Cascading Style Systems
Cascading Script Sheets
Color Style Sheets
Tại sao việc sử dụng CSS có lợi hơn việc định dạng HTML trực tiếp?
CSS làm cho trang web không cần thiết phải định dạng
CSS không cần phải viết mã
CSS không hỗ trợ đa dạng kiểu định dạng
CSS giúp tách nội dung và định dạng, giảm công việc và tăng tính đồng nhất
Mẫu CSS định dạng kẻ giữa dòng văn bản là:
p {text-decoration: line-center;}.
p {text-decoration: overline;}.
p {text-decoration: line-through;}.
p {text-decoration: underline;}.
Sơ đồ dưới đây mô tả bộ chọn nào?
E F
E ~ F
E > F
E + F
Một trang web có một danh sách "<ul>" với ID là menu, để đổi màu nền của danh sách này, ta dùng CSS nào sau đây?
#menu { background-color: blue; }.
.menu { background-color: blue; }.
menu { background-color: blue; }.
Sơ đồ dưới đây mô tả bộ chọn nào?
E F
E ~ F
E > F
E + F
Cho bộ chọn đưọc khai báo trong thẻ "<style>" thuộc phần "<head> "của một trang web như sau: .mark{color: red; font-weight: bold; font-size: 13px;}
Các phần tử có giá trị thuộc tính class là "mark"
Tất cả các phần tử trong trang web
Chỉ các phần tử có tên là "mark"
Chỉ các phần tử có định danh (id) là "mark"
Thông tin 1. Trong buổi thực hành về HTML Form, nhóm của Minh đang xây dựng một biểu mẫu đăng ký với các trường: họ tên, email, giới tính và nút Gửi thông tin. Sau khi hoàn thành, cả nhóm thảo luận và đưa ra những nhận xét sau:
Thẻ "<form> "được dùng để tạo biểu mẫu cho phép người dùng nhập và gửi dữ liệu.
Thuộc tính action dùng để xác định nơi dữ liệu sẽ được gửi đến khi người dùng nhấn submit.
Biểu mẫu HTML bắt buộc phải có thẻ "<fieldset> "thì mới gửi dữ liệu được.
Thẻ "<input>" chỉ dùng để tạo ô nhập văn bản và không thể tạo nút chọn radio hay checkbox
Thông tin 2. Trong buổi học về tạo biểu mẫu bằng HTML, Một số bạn học sinh có đưa ra những nhận xét sau:
"<form> "là thẻ được sử dụng để nhóm các phần tử liên quan trọng biểu mẫu.
Thẻ "<input>" với type="checkbox" cho phép người dùng chọn một hoặc nhiều tùy chọn từ danh sách.el
Thẻ "<label>" không cần thiết nếu thẻ <input> đã có thuộc tính id.
Thẻ" <fieldset>" được sử dụng để tạo khung bao quanh các phần tử của biểu mẫu và có thể chứa thẻ" <legend>" để đặt tên cho nhóm phần tử.
Hầu hết các hệ thống công nghệ thông tin hiện nay đều cần bảo mật và đều có bước Đăng nhập trước khi vào bên trong. Giáo viên cho học sinh xem một ví dụ về một trang web đăng nhập như sau:
Sau khi xem xong biểu mẫu này trên lớp, các học sinh đã có những phát biểu về đoạn mã HTML như sau:
Sử dụng thẻ" <form> "kết hợp thẻ "<table> "để tạo biểu mẫu có nội dung như trên.
Sử dụng 2 thẻ" <input> "có kiểu dữ liệu radio để tạo 2 nút “Đăng nhập” và “Đăng kí”.
Để tạo ra dòng Nhớ mật khẩu, sử dụng đoạn mã HTML sau: "<input id="chon"
type="checkbox" name="chon">" Nhớ mật khẩu.
Nếu chọn loại dữ liệu password thì khi nhập dữ liệu vào ô mật khẩu dữ liệu sẽ không bị che.
Thông tin 4. Trong quá trình thiết kế giao diện trang chủ cho câu lạc bộ của trường, nhóm bạn Lan chia nội dung thành phần HTML và phần trình bày dùng CSS để trang web trông đẹp hơn và dễ quản lý. Khi thảo luận, nhóm đưa ra những nhận xét sau:
CSS giúp tách biệt phần nội dung (HTML) và phần trình bày (giao diện).
CSS có thể viết trực tiếp trong thẻ HTML, trong phần <head>, hoặc trong file CSS riêng.
CSS không giúp trang web hiển thị đồng nhất trên nhiều thiết bị và trình duyệt.
CSS có thể áp dụng nhiều quy tắc khác nhau cho cùng một phần tử HTML.
Thông tin 5. Nhóm của An đang thiết kế một trang web giới thiệu về thông tin của các thành viên trong nhóm. Để tiết kiệm thời gian chỉnh sửa và trình bày nội dung của trang web thì các bạn trong nhóm đề xuất sử dụng CSS (Cascading Style Sheet). Các bạn trong nhóm có ý kiến khác nhau về CSS, theo em mỗi ý kiến sau đây đúng hay sai?
CSS tập trung vào việc định dạng, trình bày bố cục và hình thức của các thành phần trong trang web.
CSS không thể viết trong một tệp tin riêng biệt để liên kết tới văn bản HTML.
CSS sẽ có thứ tự ưu tiên áp dụng khi có nhiều mẫu định dạng cho một phần tử trong văn bản HTML
Cấu trúc tổng quát của một mẫu định dạng CSS bao gồm bộ chọn và vùng mô tả, với vùng mô tả chứa ít nhất một quy định.
Thông tin 6. CSS có thể định dạng nhiều thuộc tính của phần tử HTML như màu sắc, viền và thụt lề. Việc kết hợp các quy định này giúp tạo ra thiết kế trang web bắt mắt và rõ ràng. Hãy xác định tính đúng hay sai cho các nhận định sau:
CSS có thể định dạng màu sắc, viền và thụt lề cho các phần tử HTML
Kết hợp nhiều thuộc tính định dạng giúp trang web trở nên bắt mắt.
CSS chỉ có thể định dạng một thuộc tính cho mỗi phần tử HTML.
CSS giúp định dạng các thuộc tính khác nhau để tạo thiết kế trang web rõ ràng.
Thông tin 7. Có ba cách thiết lập CSS trong HTML là: CSS trong (internal CSS), CSS ngoài (external CSS), và CSS nội tuyến (inline CSS). Mỗi cách thiết lập có phạm vi áp dụng và ưu, nhược điểm khác nhau. Hãy xác định tính đúng hay sai cho các nhận định sau:
CSS trong là CSS được viết trong thẻ "<style> "và đặt trong phần tử "<head>" của HTML.
CSS ngoài là CSS được viết trong tệp CSS riêng và kết nối với HTML.
CSS nội tuyến là CSS được viết trong phần tử" <head>" của HTML.
Để kết nối tệp CSS ngoài với tệp HTML, bạn có thể sử dụng thẻ "<link>" hoặc lệnh @import.
Thông tin 8. CSS (Cascading Style Sheets) là ngôn ngữ định kiểu dùng để thiết kế và trình bày giao diện của trang web. Với CSS, nhà phát triển có thể thay đổi màu sắc, font chữ, bố cục, khoảng cách, và tạo hiệu ứng cho các phần tử một cách linh hoạt mà không cần chỉnh sửa mã HTML. CSS giúp việc áp dụng các kiểu định dạng trở nên dễ dàng và đồng nhất cho nhiều thành phần khác nhau trong trang web, tạo nên giao diện trực quan và chuyên nghiệp hơn.
CSS chỉ dùng để thay đổi màu sắc và font chữ của văn bản
. CSS không thể làm việc với các hình ảnh trên trang web.
Để căn chỉnh văn bản vào giữa một phần tử, bạn sử dụng thuộc tính text-align: center.
Để áp dụng một kiểu định dạng cho nhiều phần tử khác nhau, bạn có thể sử dụng các lớp (class).
Thông tin 9. CSS cung cấp nhiều thuộc tính định dạng giúp tăng cường khả năng hiển thị và phong cách cho văn bản, từ việc thay đổi độ đậm, tạo hiệu ứng gạch chân, đến tùy chỉnh khoảng cách dòng và hiệu ứng bóng đổ. Những thuộc tính này giúp trang web trở nên sinh động và dễ đọc hơn.
Ký hiệu !important trong CSS giúp tăng độ ưu tiên của một thuộc tính ở mức cao nhất, bất kể thứ tự của nó trong tệp CSS
Thuộc tính text-decoration: overline sẽ gạch chân văn bản
Để tạo khoảng cách giữa các dòng văn bản, bạn sử dụng thuộc tính line-height.
CSS có thể sử dụng để tạo các hiệu ứng bóng đổ cho văn bản.
Thông tin 10. Trong một bài tập về trang tin tức, nhóm học sinh lớp 12 cần định dạng tiêu đề, đoạn văn và liên kết để nội dung dễ đọc hơn. Khi chỉnh sửa file CSS, các bạn ghi lại những nhận xét về định dạng văn bản như sau:
Khi có nhiều mẫu định dạng CSS áp dụng cho một phần tử HTML, thuộc tính được viết sau cùng sẽ được ưu tiên áp dụng.
Thuộc tính text-align: justify dùng để căn đều cho văn bản
Thuộc tính font-weight chỉ có hai giá trị duy nhất là normal và bold.
Thuộc tính font-family dùng để lựa chọn font chữ mong muốn.
Thông tin 11. Khi thiết kế giao diện trang quảng cáo sự kiện của trường, nhóm của Huy muốn sử dụng màu sắc nổi bật để thu hút người xem. Họ tìm hiểu về cách đặt màu cho chữ và nền bằng CSS và ghi lại các nhận định sau:
Thuộc tính color dùng để thay đổi màu chữ trong văn bản.
Thuộc tính background-color dùng để thay đổi màu nền của phần tử.
CSS chỉ cho phép khai báo màu bằng tên màu như red hoặc blue.
Giá trị màu rgb(255, 0, 0) và màu HEX #ff0000 đều biểu diễn màu đỏ.
Thông tin 12. Khi thiết kế giao diện trang quảng cáo sự kiện của trường, nhóm của Huy muốn sử dụng màu sắc nổi bật để thu hút người xem. Họ tìm hiểu về cách đặt màu cho chữ và nền bằng CSS và ghi lại các nhận định sau:
Thuộc tính color dùng để thay đổi màu nền cho phần tử.
Để đặt màu nền cho toàn bộ trang web, ta áp dụng thuộc tính background-color cho thẻ "<body>"
CSS chỉ cho phép khai báo màu bằng tên màu như red hoặc blue.
Các thuộc tính color và background-color đều có tính kế thừa trong CSS.
Thông tin 13. CSS (Cascading Style Sheets) là công cụ quan trọng để thiết kế và định dạng giao diện web. Trong CSS, việc quản lý màu sắc là một phần không thể thiếu để làm cho trang web trở nên hấp dẫn và dễ nhìn. Các thuộc tính như color, background-color hay border được sử dụng để định dạng màu chữ, màu nền, hoặc khung viền. Ngoài ra, CSS hỗ trợ nhiều cách thiết lập màu sắc khác nhau như RGB, HSL hoặc các tên màu sẵn có. Hãy đánh giá tính đúng/sai của các phát biểu sau:
Thuộc tính color được dùng để định dạng màu chữ.
Thuộc tính background-color có tính kế thừa trong CSS
CSS3 thiết lập sẵn 140 tên màu.
Các mẫu định dạng có kí hiệu !important luôn có mức ưu tiên cao nhất.
Thông tin 14. CSS (Cascading Style Sheets) là công cụ quan trọng để thiết kế và định dạng giao diện web. Trong CSS, việc quản lý màu sắc là một phần không thể thiếu để làm cho trang web trở nên hấp dẫn và dễ nhìn. Các thuộc tính như color, background-color hay border được sử dụng để định dạng màu chữ, màu nền, hoặc khung viền. Hãy đánh giá tính đúng/sai của các phát biểu sau:
Tên màu trong CSS không phân biệt chữ hoa, chữ thường.
Thuộc tính background-color không có tính kế thừa trong CSS.
CSS cho phép sử dụng tên màu có sẵn.
Các mẫu định dạng có kí hiệu !important luôn có mức ưu tiên thấp nhất.
Thông tin 15. CSS là một công cụ mạnh mẽ cho việc thiết kế và định dạng giao diện web. Bạn có thể sử dụng các thuộc tính CSS để thay đổi màu sắc và bố cục của trang web. Dưới đây là một số thông tin về cách sử dụng màu sắc trong CSS. Hãy đánh giá các phát biểu sau:
Các thuộc tính màu sắc trong CSS không thể kế thừa.
Thuộc tính background-color có thể thay đổi màu nền của phần tử.
Thuộc tính color chỉ ảnh hưởng đến văn bản của phần tử.
. CSS không hỗ trợ việc sử dụng hệ màu RGB.
Thông tin 16. CSS là một công cụ mạnh mẽ cho việc thiết kế và định dạng giao diện web. Bạn có thể sử dụng các thuộc tính CSS để thay đổi màu sắc và bố cục của trang web. Dưới đây là một số thông tin về cách sử dụng màu sắc trong CSS. Hãy đánh giá các phát biểu sau:
Các thuộc tính màu sắc trong CSS không thể kế thừa.
Màu nền của một phần tử được xác định bằng thuộc tính background-color.
Thuộc tính text-shadow dùng để tạo hiệu ứng đổ bóng cho chữ.
RGB sử dụng ba màu chính là đỏ, xanh lá cây và xanh dương để tạo ra các màu khác.
