Câu hỏi:

19/03/2025 119

Một công ty muốn thiết kế một hệ thống quản lý nhân sự trên nền tảng web. Hãy mô tả cách công ty có thể sử dụng HTML, CSS để tạo giao diện hệ thống này.

Xem lời giải

Câu hỏi trong đề: Bộ 3 đề thi giữa kì 2 Tin 12 Kết nối tri thức có đáp án !!

Trả lời:

Giải bởi Vietjack

Sử dụng HTML để xây dựng cấu trúc trang

HTML giúp tạo các phần chính của hệ thống như:

Trang đăng nhập: Form nhập tài khoản, mật khẩu.
Bảng điều khiển (Dashboard): Hiển thị thông tin tổng quan về nhân sự.
Danh sách nhân viên: Bảng hiển thị thông tin nhân viên (tên, phòng ban, chức vụ...).
Trang thêm/sửa nhân viên: Form để nhập thông tin nhân viên mới hoặc chỉnh sửa

Sử dụng CSS để thiết kế giao diện

CSS giúp làm đẹp giao diện với các yếu tố như:

Tạo bố cục (Layout): Sử dụng display: flex; hoặc grid để bố trí các phần của trang.
Định dạng bảng: Thêm đường viền, màu sắc, căn chỉnh các ô dữ liệu.

Tạo hiệu ứng nút bấm: Dùng hover để thay đổi màu khi rê chuột.

Bình luận

Câu 1:

Cho mẫu CSS sau: h1 {padding: 5px 10px 3px 20px;}. Phát biểu nào sau đây ĐÚNG?

A. padding-left = 3px.

B. padding-right = 10px.

C. padding-top = 20px.

D. padding-bottom = 5px.

Xem đáp án » 19/03/2025 1,153

Câu 2:

Trong CSS, Pseudo-class :hover có tác dụng gì?

A. Chọn phần tử đầu tiên trong nhóm

B. Thêm nội dung giả trước phần tử

C. Chọn phần tử khi người dùng rê chuột qua

D. Ẩn phần tử khi không hiển thị

Xem đáp án » 19/03/2025 712

Câu 3:

Để định dạng khoảng cách giữa nội dung và đường viền của một phần tử trong CSS, thuộc tính nào được sử dụng?

A. margin

B. padding

C. border-width

D. spacing

Xem đáp án » 19/03/2025 260

Câu 4:

Khi một phần tử có width: 300px, margin: 20px, padding: 15px, và border: 5px, thì tổng chiều rộng thực tế của phần tử là bao nhiêu?

A. 300px

B. 320px

C. 360px

D. 380px

Xem đáp án » 19/03/2025 228

Câu 5:

Trong CSS, bộ chọn nào dùng để định dạng tất cả phần tử có cùng class?

A. #className

B. .className

C. className

D. *className

Xem đáp án » 19/03/2025 193

Câu 6:

a) Bộ chọn có mã định danh Box1 có độ ưu tiên cao hơn bộ chọn lớp box.
b) Khoảng cách giữa đường viền và nội dung của Nội dung hộp 2 là 20px.
c) Phần nội dung hộp 1 có màu nền là Lightgray.
d) border chỉ áp dụng được cho phần tử dạng div.

Xem đáp án » 19/03/2025 184

Câu 7:

Để thiết lập một đoạn văn bản có màu xanh và căn giữa, dòng CSS nào là đúng?

A. p { text-align: center; color: blue; }

B. p { align: center; color: blue; }

C. p { center: true; color: blue; }

D. p { color: blue; position: center; }

Xem đáp án » 19/03/2025 147

Xem thêm các câu hỏi khác »

Một công ty muốn thiết kế một hệ thống quản lý nhân sự trên nền tảng web. Hãy mô tả cách công ty có thể sử dụng HTML, CSS để tạo giao diện hệ thống này.

Sử dụng HTML để xây dựng cấu trúc trang

Sử dụng CSS để thiết kế giao diện

Nhà sách VIETJACK:

Bình luận

Cho mẫu CSS sau: h1 {padding: 5px 10px 3px 20px;}. Phát biểu nào sau đây ĐÚNG?

Trong CSS, Pseudo-class :hover có tác dụng gì?

Để định dạng khoảng cách giữa nội dung và đường viền của một phần tử trong CSS, thuộc tính nào được sử dụng?

Khi một phần tử có width: 300px, margin: 20px, padding: 15px, và border: 5px, thì tổng chiều rộng thực tế của phần tử là bao nhiêu?

Trong CSS, bộ chọn nào dùng để định dạng tất cả phần tử có cùng class?

Để thiết lập một đoạn văn bản có màu xanh và căn giữa, dòng CSS nào là đúng?

VIP +3 tháng ( 199,000 VNĐ )

VIP +6 tháng ( 299,000 VNĐ )

VIP +12 tháng ( 499,000 VNĐ )

🔥 Đề thi HOT:

Một công ty muốn thiết kế một hệ thống quản lý nhân sự trên nền tảng web. Hãy mô tả cách công ty có thể sử dụng HTML, CSS để tạo giao diện hệ thống này.

Sử dụng HTML để xây dựng cấu trúc trang

Sử dụng CSS để thiết kế giao diện

Nhà sách VIETJACK:

Bình luận

Cho mẫu CSS sau: h1 {padding: 5px 10px 3px 20px;}. Phát biểu nào sau đây ĐÚNG?

Trong CSS, Pseudo-class :hover có tác dụng gì?

Để định dạng khoảng cách giữa nội dung và đường viền của một phần tử trong CSS, thuộc tính nào được sử dụng?

Khi một phần tử có width: 300px, margin: 20px, padding: 15px, và border: 5px, thì tổng chiều rộng thực tế của phần tử là bao nhiêu?

Trong CSS, bộ chọn nào dùng để định dạng tất cả phần tử có cùng class?

Để thiết lập một đoạn văn bản có màu xanh và căn giữa, dòng CSS nào là đúng?

VIP +3 tháng ( 199,000 VNĐ )

VIP +6 tháng ( 299,000 VNĐ )

VIP +12 tháng ( 499,000 VNĐ )

🔥 Đề thi HOT:

CHỌN BỘ SÁCH BẠN MUỐN XEM

Đăng ký

Đăng nhập

Quên mật khẩu