Câu hỏi:
19/03/2025 590
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 !!
Bắt đầu thiQuả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
Nhà sách vietjack
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ổ tay Vật lí 12 (chương trình mới) ( 18.000₫ )
- Sổ tay Giáo dục Kinh tế & Pháp luật 12 (chương trình mới) ( 18.000₫ )
- 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) ( 36.000₫ )
- Bộ đề thi tốt nghiệp 2025 các môn Toán, Lí, Hóa, Văn, Anh, Sinh, Sử, Địa, KTPL (có đáp án chi tiết) ( 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
2,966
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
827
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
805
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
524
🔥 Đề 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
-
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 18 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Cánh diều Giới thiệu trí tuệ nhân tạo có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 21 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
Hãy Đăng nhập hoặc Tạo tài khoản để gửi bình luận
-
-
Bình luận