Sử dụng tệp portfolio.html chưa được định kiểu bằng CSS.

Nhiệm vụ 1. Định kiểu CSS cho vùng chọn là tên thẻ

Yêu cầu: Sử dụng vùng chọn để định kiểu cho các đề mục hi của tệp portfolio.html (Hình 4) theo các yêu cầu sau:

Phần văn bản có màu trắng, cỡ chữ 20, phông chữ Arial.

Phần nền của để mục h1 màu xanh, có độ rộng chiếm một nửa độ rộng của trang web, bo tròn góc trên và góc dưới ở bên phải.

Phần văn bản được căn phải đối với phần nền, có vùng đệm là 10 pixels.

Câu hỏi trong đề: Giải SGK Tin học 12 CTST Bài F9. Một số kĩ thuật định kiểu bằng vùng chọn CSS có đáp án !!

Sale Tết giảm 50% 2k7: Bộ 20 đề minh họa Toán, Lí, Hóa, Văn, Sử, Địa…. form chuẩn 2025 của Bộ giáo dục (chỉ từ 49k/cuốn).

20 đề Toán 20 đề Văn Các môn khác

Quảng cáo

Trả lời:

Giải bởi Vietjack

1. Trong tệp portfolio.html, em chèn liên kết đến tệp style.css

<head>

2. Tạo tệp style.css nằm cùng thư mục với tệp portfolio.html. Tệp style.css sẽ chứa các khai bảo vùng chọn và mã lệnh CSS dùng để định kiểu theo yêu cầu.

3. Vì tất cả đề mục hi sẽ được định kiểu giống nhau nên ta khai báo vùng chọn là tên phần tử <h1>. Để đáp ứng những yêu cầu trên, các thuộc tính được sử dụng trong vùng chọn h1 gồm: Thuộc tính color dành cho màu của văn bản, nh cho cỡ chữ và nh cho phông chữ.

Thuộc tính background-color dành cho màu nền của đề mục, width dành cho độ rộng của nền và border-radius dành cho góc bo tròn.

Thuộc tính text-align dành cho việc căn phải và padding dành cho vùng đệm.

Như vậy, đoạn mã CSS được viết như sau:

h1 {

color: #ffffff;

}

background-color: #0053a0; width: 50%;

border-radius: 0px 10px 10px 0px;

text-align: right;

padding: 10px;

Nhà sách VIETJACK:

Xem thêm kho sách »

Combo - Sổ tay kiên thức trọng tâm Toán, Lí, Hóa dành cho 2k7 VietJack

₫29.000 (Đã bán 152)

Sách - Tuyển tập 30 đề thi đánh giá năng lực Đại học Quốc gia Hà Nội 2025 cho 2k7 VietJack

₫140.000 ₫300.000 (Đã bán 1,2k)

Sách Combo - Tuyển tập 30 đề thi đánh giá năng lực Đại học Quốc gia TP Hồ Chí Minh (2 cuốn) - 2025 cho 2k7 VietJack

₫140.000 ₫300.000 (Đã bán 1,6k)

Sách - Tuyển tập 15 đề thi Đánh giá tư duy Đại học Bách Khoa Hà Nội 2025 cho 2k7 VietJack

₫140.000 ₫300.000 (Đã bán 2,7k)

Bình luận hoặc Báo cáo
về câu hỏi!

CÂU HỎI HOT CÙNG CHỦ ĐỀ

Câu 1:

Em hãy trình bày lợi ích khi định kiểu CSS bằng cách khai báo vùng chọn.

Xem đáp án » 10/05/2024 116

Câu 2:

Sử dụng vùng chọn là tên lớp để định kiểu cho các hình ảnh sao cho các ảnh được căn giữa theo độ rộng của trang web, nằm trong nền màu tối bo tròn 4 góc và chỉnh sửa kích thước hiển thị phù hợp (Hình 5).

Xem đáp án » 11/07/2024 116

Câu 3:

Theo em, có những kĩ thuật nào để khai báo vùng chọn CSS cơ bản?

Xem đáp án » 11/07/2024 115

Câu 4:

Theo em, khi định kiểu cho các đề mục h1, việc viết mã lệnh CSS cho thuộc tính style trong từng thẻ <h1> gặp những hạn chế nào?

Xem đáp án » 12/07/2024 113

Câu 5:

Em hãy cho biết khái niệm vùng chọn CSS.

Xem đáp án » 11/07/2024 112

Câu 6:

Theo em, điểm khác biệt giữa khai báo vùng chọn là tên thẻ và khai báo vùng chọn là tên lớp là gì?

Xem đáp án » 11/07/2024 96

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