Câu hỏi:
19/03/2025 225
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 !!
Sách mới 2k7: Tổng ôn Toán, Lí, Hóa, Văn, Sử, Địa... kỳ thi tốt nghiệp THPT Quốc gia 2025, đánh giá năng lực (chỉ từ 70k).
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
Nhà sách VIETJACK:
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
1,709
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
418
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
334
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
251
🔥 Đề 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 18 có đáp án
-
263 câu Trắc nghiệm tổng hợp ôn thi tốt nghiệp THPT môn Tin học Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính 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
-
Trắc nghiệm Tin học 12 KNTT Bài 17: Các mức ưu tiên của bộ chọn
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 15 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