Sửa mã CSS này

lập trình


Đây là những hướng dẫn:

Mở tệp style.css.

Thêm quy tắc CSS cho phần tử nội dung để đặt màu nền thành #E0E0E2.

Thêm quy tắc CSS cho phần tử h1 để đặt màu văn bản thành: #721817.

Thêm quy tắc CSS cho phần tử h2 để đặt màu văn bản thành: #721817.

Thêm quy tắc CSS cho lớp CSS văn bản ở giữa để căn chỉnh văn bản vào giữa.

Thêm quy tắc CSS cho thành phần HTML có logo id. Đặt lề trái và phải của nó thành tự động và thay đổi hiển thị của nó thành phần tử khối.

Thêm quy tắc CSS cho tất cả các phần tử span là phần tử con của phần tử h2, đặt màu văn bản thành #FA9F42 và cỡ chữ của nó thành 0,75em.

Thêm quy tắc CSS cho thành phần HTML có bản quyền id. Đặt phần đệm trên cùng của nó thành 12 pixel và kích thước phông chữ của nó thành 0,75em

CSS
body{
    background-color:#E0E0E2;
}
h1{
    color: #721817;
}
h2{
    color: #721817;
}
.center-text{
text-align: center;
}
#logo{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#span {
    color: #FA9F42;
    font-size: 0.75em;
}
#copyright {
    padding-top: 12px;
    font-size: 0.75em;
}

Các lỗi xuất hiện như sau:

xxThe 'NEW' labels within <h2> tags should have a color of '#fa9f42' 
xxThe element with the ID 'copyright' should have a font-size of 0.75em

Những gì tôi đã thử:

Tôi đã thử nhập lại màu và cũng gõ lại cỡ chữ đang được yêu cầu.

Giải pháp 3

Cảnh báo: Tôi hoàn toàn là người mới bắt đầu với CSS, nhưng sau một số lần đọc, tôi sẽ nói bộ chọn cho span thẻ bên trong h2 thẻ là h2 > span. Và do đó, quy tắc ‘Thêm quy tắc CSS cho tất cả các phần tử span là con của phần tử h2 đặt màu văn bản thành #FA9F42 và cỡ chữ của nó thành 0,75em.’ sẽ là:

h2 > span {color: #FA9F42; font-size: 0.75em;}

Hãy nhớ rằng không chọn thẻ span lồng nhau.

Giải pháp 1

Các lỗi đang cho bạn biết chính xác những gì sai. Hãy xem CSS của bạn và tìm bộ mô tả phần tử h2, sau đó xem các thuộc tính của nó và bạn sẽ không đặt giá trị như mong đợi.

Điều tương tự cũng đúng với “bản quyền”.

Đây là bài tập về nhà của bạn nên tôi sẽ không sửa lỗi này cho bạn. Bạn sẽ không học được gì nếu tôi làm vậy.

Giải pháp 15

thân hình{
màu nền :#E0E0E2;

}
h1{
màu: #721817;
}
nhịp h2{
màu sắc: #721817

}
.center-text{
căn chỉnh văn bản: giữa;
}
#Logo{
lề trái: tự động;
lề phải: tự động;
hiển thị: khối;
}

h2 > khoảng {
màu: #FA9F42;
cỡ chữ: 0,75em;
}
#bản quyền {
phần đệm trên cùng: 12px;
cỡ chữ: 0,75em;
}

コメント

タイトルとURLをコピーしました