Bài 16: Định dạng khung
Presentation
•
Computers
•
12th Grade
•
Practice Problem
•
Hard
NHÓM TIN HỌC THPT
FREE Resource
32 Slides • 28 Questions
1
2
Open Ended
Theo bạn, việc định dạng khung trong văn bản có ý nghĩa gì đối với việc trình bày thông tin?
3
4
Multiple Choice
Đâu là lợi ích của việc sử dụng CSS để định dạng khung văn bản?
Giúp văn bản dễ đọc hơn và chuyên nghiệp hơn
Làm cho văn bản khó hiểu hơn
Giảm tốc độ tải trang web
Không ảnh hưởng đến giao diện trang web
5
6
Open Ended
Hãy giải thích tại sao việc sử dụng CSS để tạo mẫu định dạng riêng lại có lợi hơn so với việc định dạng trực tiếp từng thẻ HTML.
7
Multiple Choice
Ai là người đã thiết lập ý tưởng CSS vào năm 1994?
Tim Berners-Lee
Hakon Wium Lie
Bill Gates
Steve Jobs
8
9
10
11
Multiple Select
Chọn tất cả các phần tử HTML sau đây là phần tử khối (block level):
h2
span
div
p
12
Open Ended
Nêu sự khác biệt giữa phần tử khối và phần tử nội tuyến trong HTML.
13
14
Multiple Choice
Thuộc tính nào trong CSS dùng để thay đổi loại phần tử giữa block, inline và none?
position
display
float
visibility
15
16
Fill in the Blanks
Type answer...
17
18
19
20
Multiple Choice
Kiểu đường viền nào sau đây tạo hiệu ứng đường viền dạng chấm trong CSS?
solid
dotted
dashed
double
21
Multiple Select
Chọn tất cả các thuộc tính có thể dùng để thiết lập kiểu đường viền khung trong CSS.
border-style
border-width
border-color
border-radius
22
Open Ended
Hãy giải thích sự khác biệt giữa padding và margin trong CSS.
23
Multiple Choice
Trong CSS, thuộc tính nào dùng để thiết lập chiều rộng của khung?
width
height
padding
margin
24
25
26
Fill in the Blanks
Type answer...
27
28
Open Ended
Trong các thuộc tính khung của một phần tử HTML, khoảng cách từ vùng văn bản đến đường viền khung được gọi là gì?
29
30
Multiple Choice
Lề khung (margin) và vùng đệm (padding) khác nhau như thế nào trong CSS?
Lề khung là khoảng cách từ khung đến các phần tử bên ngoài khung, vùng đệm là khoảng cách từ khung đến phần văn bản bên trong khung.
Lề khung là khoảng cách từ khung đến phần văn bản bên trong khung, vùng đệm là khoảng cách từ khung đến các phần tử bên ngoài khung.
Lề khung và vùng đệm đều là khoảng cách từ khung đến các phần tử bên ngoài khung.
Lề khung và vùng đệm đều là khoảng cách từ khung đến phần văn bản bên trong khung.
31
32
Open Ended
Giải thích cách sử dụng bộ chọn lớp (class) trong CSS để định dạng nhiều phần tử HTML khác nhau.
33
34
Fill in the Blanks
Type answer...
35
36
Multiple Select
Chọn các đặc điểm đúng về bộ chọn id trong CSS.
Chỉ áp dụng cho một phần tử duy nhất trong HTML.
Có thể áp dụng cho nhiều phần tử cùng loại.
Được khai báo bằng dấu # trước tên id.
Giúp định dạng riêng biệt cho từng phần tử.
37
Multiple Choice
Dựa vào ví dụ ở hai hình, hãy phân biệt sự khác nhau giữa bộ chọn lớp (class) và bộ chọn id trong CSS.
Bộ chọn lớp dùng cho nhiều phần tử, bộ chọn id dùng cho một phần tử duy nhất.
Bộ chọn lớp dùng cho một phần tử duy nhất, bộ chọn id dùng cho nhiều phần tử.
Bộ chọn lớp và bộ chọn id đều dùng cho nhiều phần tử.
Bộ chọn lớp và bộ chọn id đều dùng cho một phần tử duy nhất.
38
39
40
Open Ended
Bộ chọn thuộc tính trong CSS được sử dụng như thế nào? Hãy nêu ví dụ minh họa từ hình.
41
42
Multiple Choice
Điều kiện đặt tên cho id và class trong CSS là gì?
Tên phải bắt đầu bằng số và có thể chứa dấu cách
Tên phải phân biệt chữ hoa và chữ thường, không bắt đầu bằng số, không chứa dấu cách và ký tự đặc biệt
Tên không phân biệt chữ hoa và chữ thường, có thể chứa ký tự đặc biệt
Tên phải bắt đầu bằng ký tự đặc biệt
43
44
Open Ended
Nêu sự khác biệt cơ bản giữa thuộc tính id và class của các phần tử HTML.
45
46
Multiple Choice
Bộ chọn sau có ý nghĩa gì: div#bat_dau > p?
Áp dụng cho tất cả các phần tử
là con trực tiếp của phần tử
Áp dụng cho tất cả các phần tử
là con hoặc cháu của phần tử
Áp dụng cho tất cả các phần tử
Áp dụng cho tất cả các phần tử
có id là bat_dau
47
48
Multiple Select
Chọn các đặc điểm đúng về bảng tên màu CSS cơ bản.
Có 16 tên màu cơ bản
Mỗi màu có mã hex riêng
Mỗi màu có giá trị rgb riêng
Chỉ có 10 màu cơ bản
49
50
Multiple Choice
Thuộc tính nào dùng để tạo đường viền cho bảng trong CSS?
border
background-color
color
padding
51
52
Fill in the Blanks
Type answer...
53
54
55
56
57
58
59
Open Ended
Bạn còn có thắc mắc nào về cách sử dụng CSS để định dạng khung hoặc muốn tìm hiểu thêm về chủ đề này không?
60
Open Ended
Bạn có thể tóm tắt lại những điểm chính về cách sử dụng CSS để định dạng khung văn bản mà bạn đã học trong bài học này không?
Show answer
Auto Play
Slide 1 / 60
SLIDE
Similar Resources on Wayground
53 questions
Polime
Presentation
•
12th Grade
53 questions
Bài thuyết trình chưa có tiêu đề
Presentation
•
12th Grade
55 questions
Bài học không có tiêu đề
Presentation
•
11th Grade
54 questions
Pre-IELTS/Unit 2: Free time
Presentation
•
University
54 questions
Bài thuyết trình chưa có tiêu đề
Presentation
•
11th Grade
54 questions
1. Evolución de las aplicaciones Web.
Presentation
•
University
53 questions
đề số 3
Presentation
•
12th Grade
51 questions
ÔN TẬP CUỐI KÌ 1 ĐỊA 12
Presentation
•
12th Grade
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade