Câu hỏi:
19/03/2025 665
CSS có những cách nào để áp dụng kiểu dáng cho một trang web? Phân biệt giữa CSS nội bộ (internal) và CSS ngoài (external).
Câu hỏi trong đề: Bộ 3 đề thi giữa kì 2 Tin 12 Kết nối tri thức có đáp án !!
Quảng cáo
Trả lời:
Giải bởi Vietjack
CSS có 3 cách chính để áp dụng kiểu dáng cho một trang web:
-
CSS nội dòng (Inline CSS):
-
Viết trực tiếp trong thuộc tính style của thẻ HTML.
-
Chỉ áp dụng cho phần tử cụ thể.
-
Ví dụ:
html
Sao chépChỉnh sửa
<p style="color: blue; ">Đây là một đoạn văn bản.</p>
-
- Hạn chế: Khó bảo trì, khó kiểm soát khi áp dụng cho nhiều phần tử.
-
CSS nội bộ (Internal CSS):
-
Viết trong thẻ <style> bên trong <head> của trang HTML.
-
Áp dụng cho toàn bộ trang web.
-
Ví dụ:
html
Sao chépChỉnh sửa
<head>
<style>
p {
color: blue;
}
</style>
</head>
-
- Ưu điểm: Dễ chỉnh sửa hơn so với inline CSS.
-
- Hạn chế: Nếu có nhiều trang, cần lặp lại CSS trong mỗi trang.
-
CSS ngoài (External CSS):
-
Viết trong một tệp riêng .css và liên kết với HTML bằng thẻ <link>.
-
Ví dụ:
-
File style.css
css
Sao chépChỉnh sửa
p {
color: blue;
}
-
Trong file HTML:
html
Sao chépChỉnh sửa
<head>
<link rel="stylesheet" href="style.css">
</head>
-
- Ưu điểm: Dễ bảo trì, có thể sử dụng cùng một file CSS cho nhiều trang.
-
- Hạn chế: Cần tải thêm file CSS, có thể ảnh hưởng đến tốc độ tải trang.
Phân biệt Internal CSS và External CSS
Hot: 500+ Đề thi thử tốt nghiệp THPT các môn, ĐGNL các trường ĐH... file word có đáp án (2025). Tải ngay
Sách thầy cô Vietjack biên soạn:
Sổ tay lớp 12 các môn Toán, Lí, Hóa, Văn, Sử, Địa, KTPL (chương trình mới)
Đã bán 1,5k
₫ 70.000
₫ 36.000
Tổng ôn lớp 12 môn Toán, Lí, Hóa, Văn, Anh, Sinh Sử, Địa, KTPL (Form 2025)
Đã bán 1,1k
₫ 70.000
₫ 36.000
Bình luận
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 2:
Mẫu CSS thiết lập định dạng khi di chuyển con trỏ chuột lên đối tượng có id="title" sẽ hiển thị với kiểu chữ đậm là
Mẫu CSS thiết lập định dạng khi di chuyển con trỏ chuột lên đối tượng có id="title" sẽ hiển thị với kiểu chữ đậm là
Xem đáp án »
19/03/2025
3,538
Câu 3:
Bộ chọn CSS nào dùng để áp dụng định dạng cho tất cả phần tử có cùng class?
Xem đáp án »
19/03/2025
1,140
Câu 4:
Cho khai báo định dạng sau: p{height:50px;padding:5px;border:2px soild;margin:4px;} Khi đó, tổng chiều cao của phần tử p, không tính lề khung là bao nhiêu pixel?
Cho khai báo định dạng sau: p{height:50px;padding:5px;border:2px soild;margin:4px;} Khi đó, tổng chiều cao của phần tử p, không tính lề khung là bao nhiêu pixel?
Xem đáp án »
19/03/2025
911
Câu 5:
Khi khai báo bộ chọn lớp (class) trong CSS, ký tự nào đứng trước tên lớp?
Xem đáp án »
19/03/2025
608
Câu 6:
Viết đoạn mã HTML và CSS để tạo một trang web đơn giản gồm:
-
Tiêu đề chính (h1)
-
Một đoạn văn bản mô tả trang web
-
Một liên kết đến một trang web khác
-
Một hình ảnh minh họa
Viết đoạn mã HTML và CSS để tạo một trang web đơn giản gồm:
-
Tiêu đề chính (h1)
-
Một đoạn văn bản mô tả trang web
-
Một liên kết đến một trang web khác
-
Một hình ảnh minh họa
Xem đáp án »
19/03/2025
480
🔥 Đề thi HOT:
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 19 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 23 có đáp án
-
Trắc nghiệm tổng hợp Tin học năm 2023 có đáp án (Phần 4)
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 24 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 22 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 25 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 20 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 16 có đáp án
Hãy Đăng nhập hoặc Tạo tài khoản để gửi bình luận
-
-
Bình luận