C03 - CSS | Notion

Mục tiêu

Vận dụng tốt cú pháp của CSS
Học viên biết cách lựa chọn thuộc tính định dạng và các giải pháp layout cho phù hợp
Học viên lập trình thành thạo với các thuộc tính CSS cơ bản.
Học viên biết cách đọc tài liệu trong các CSS documents.

Nhiệm vụ

Sản phẩm cuối cùng cần đạt được

Style chung cho tất cả các trang:

@import url("<https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap>");
* {
    box-sizing: border-box;
}
body {
    margin: 0;
    font-family: "Open Sans", sans-serif;
}

Nhiệm vụ 1: ex1.html

Untitled

Mô tả: Lập trình giao diện trang ex1

Thông số:

Background cố định: Scroll xuống vẫn giữ nguyên vị trí
Chiều rộng vùng hiển thị text chiếm 60% chiều rộng trang web.
Màu chữ tiêu đề lớn: tomato
Màu chữ tiêu đề nhỏ: dodgerblue

Nhiệm vụ 2: ex2.html

Untitled