Câu hỏi tự luận mức độ vận dụng Tin học ứng dụng 12 cd bài 8: Làm quen với CSS
3. VẬN DỤNG (2 CÂU)
Câu 1: So sánh và phân tích ưu, nhược điểm của việc sử dụng CSS inline, internal và external?
Câu 2: Giải thích cách sử dụng Flexbox trong CSS để tạo bố cục linh hoạt cho trang web?
Câu 1:
Ưu điểm | Nhược điểm | |
CSS Inline
| Dễ dàng áp dụng cho từng phần tử mà không cần phải tìm kiếm trong tệp CSS. Thích hợp cho các thay đổi nhanh chóng và tạm thời. | Mã HTML trở nên lộn xộn và khó đọc. Không thể tái sử dụng, mỗi phần tử cần có kiểu riêng. Khó khăn trong việc bảo trì và cập nhật.
|
CSS Internal (Embedded)
| Tập trung vào một tệp HTML, dễ dàng quản lý cho các dự án nhỏ. Có thể áp dụng cho nhiều phần tử trong cùng một trang. | Không thể tái sử dụng trên các trang khác. Khi trang web lớn hơn, mã CSS có thể trở nên phức tạp và khó quản lý. Tăng kích thước tệp HTML. |
. CSS External (Liên kết bên ngoài | Giúp tách biệt hoàn toàn nội dung và kiểu dáng, dễ dàng bảo trì và cập nhật. Có thể tái sử dụng cho nhiều trang khác nhau, giảm thiểu mã lặp lại. Giúp giảm kích thước tệp HTML, tăng tốc độ tải trang.
| Cần thêm một yêu cầu HTTP để tải tệp CSS, có thể làm chậm tốc độ tải trang ban đầu. Nếu tệp CSS không được tải, trang sẽ không có kiểu dáng.
|
Câu 2:
Flexbox (Flexible Box Layout) là một mô hình bố cục trong CSS giúp tạo ra các bố cục linh hoạt và dễ dàng điều chỉnh. Dưới đây là cách sử dụng Flexbox:
1. Thiết lập Flex Container: Để sử dụng Flexbox, bạn cần thiết lập một phần tử cha (flex container) bằng cách sử dụng thuộc tính display: flex;.
2. Các thuộc tính chính của Flexbox:
+ flex-direction: Xác định hướng của các phần tử con (row, column, row-reverse, column-reverse).
+ justify-content: Căn chỉnh các phần tử con theo chiều chính (trái, giữa, phải, đều).
+ align-items: Căn chỉnh các phần tử con theo chiều phụ (trên, giữa, dưới).
flex-wrap: Cho phép các phần tử con bọc lại khi không đủ không gian.
3. Flex Item:
+ Mỗi phần tử con bên trong flex container có thể được điều chỉnh bằng cách sử dụng các thuộc tính như flex-grow, flex-shrink, và flex-basis.
Giải những bài tập khác
Giải bài tập những môn khác
Môn học lớp 12 KNTT
5 phút giải toán 12 KNTT
5 phút soạn bài văn 12 KNTT
Văn mẫu 12 KNTT
5 phút giải vật lí 12 KNTT
5 phút giải hoá học 12 KNTT
5 phút giải sinh học 12 KNTT
5 phút giải KTPL 12 KNTT
5 phút giải lịch sử 12 KNTT
5 phút giải địa lí 12 KNTT
5 phút giải CN lâm nghiệp 12 KNTT
5 phút giải CN điện - điện tử 12 KNTT
5 phút giải THUD12 KNTT
5 phút giải KHMT12 KNTT
5 phút giải HĐTN 12 KNTT
5 phút giải ANQP 12 KNTT
Môn học lớp 12 CTST
5 phút giải toán 12 CTST
5 phút soạn bài văn 12 CTST
Văn mẫu 12 CTST
5 phút giải vật lí 12 CTST
5 phút giải hoá học 12 CTST
5 phút giải sinh học 12 CTST
5 phút giải KTPL 12 CTST
5 phút giải lịch sử 12 CTST
5 phút giải địa lí 12 CTST
5 phút giải THUD 12 CTST
5 phút giải KHMT 12 CTST
5 phút giải HĐTN 12 bản 1 CTST
5 phút giải HĐTN 12 bản 2 CTST
Môn học lớp 12 cánh diều
5 phút giải toán 12 CD
5 phút soạn bài văn 12 CD
Văn mẫu 12 CD
5 phút giải vật lí 12 CD
5 phút giải hoá học 12 CD
5 phút giải sinh học 12 CD
5 phút giải KTPL 12 CD
5 phút giải lịch sử 12 CD
5 phút giải địa lí 12 CD
5 phút giải CN lâm nghiệp 12 CD
5 phút giải CN điện - điện tử 12 CD
5 phút giải THUD 12 CD
5 phút giải KHMT 12 CD
5 phút giải HĐTN 12 CD
5 phút giải ANQP 12 CD
Giải chuyên đề học tập lớp 12 kết nối tri thức
Giải chuyên đề Ngữ văn 12 Kết nối tri thức
Giải chuyên đề Toán 12 Kết nối tri thức
Giải chuyên đề Vật lí 12 Kết nối tri thức
Giải chuyên đề Hóa học 12 Kết nối tri thức
Giải chuyên đề Sinh học 12 Kết nối tri thức
Giải chuyên đề Kinh tế pháp luật 12 Kết nối tri thức
Giải chuyên đề Lịch sử 12 Kết nối tri thức
Giải chuyên đề Địa lí 12 Kết nối tri thức
Giải chuyên đề Tin học ứng dụng 12 Kết nối tri thức
Giải chuyên đề Khoa học máy tính 12 Kết nối tri thức
Giải chuyên đề Công nghệ 12 Điện - điện tử Kết nối tri thức
Giải chuyên đề Công nghệ 12 Lâm nghiệp thủy sản Kết nối tri thức
Giải chuyên đề học tập lớp 12 chân trời sáng tạo
Giải chuyên đề Ngữ văn 12 Chân trời sáng tạo
Giải chuyên đề Toán 12 Chân trời sáng tạo
Giải chuyên đề Vật lí 12 Chân trời sáng tạo
Giải chuyên đề Hóa học 12 Chân trời sáng tạo
Giải chuyên đề Sinh học 12 Chân trời sáng tạo
Giải chuyên đề Kinh tế pháp luật 12 Chân trời sáng tạo
Giải chuyên đề Lịch sử 12 Chân trời sáng tạo
Giải chuyên đề Địa lí 12 Chân trời sáng tạo
Giải chuyên đề Tin học ứng dụng 12 Chân trời sáng tạo
Giải chuyên đề Khoa học máy tính 12 Chân trời sáng tạo
Giải chuyên đề Công nghệ 12 Điện - điện tử Chân trời sáng tạo
Giải chuyên đề Công nghệ 12 Lâm nghiệp thủy sản Chân trời sáng tạo
Giải chuyên đề học tập lớp 12 cánh diều
Giải chuyên đề Ngữ văn 12 Cánh diều
Giải chuyên đề Toán 12 Cánh diều
Giải chuyên đề Vật lí 12 Cánh diều
Giải chuyên đề Hóa học 12 Cánh diều
Giải chuyên đề Sinh học 12 Cánh diều
Giải chuyên đề Kinh tế pháp luật 12 Cánh diều
Giải chuyên đề Lịch sử 12 Cánh diều
Giải chuyên đề Địa lí 12 Cánh diều
Giải chuyên đề Tin học ứng dụng 12 Cánh diều
Giải chuyên đề Khoa học máy tính 12 Cánh diều
Giải chuyên đề Công nghệ 12 Điện - điện tử Cánh diều
Giải chuyên đề Công nghệ 12 Lâm nghiệp thủy sản Cánh diều
Bình luận