Về Khoá Học

Khoá hướng dẫn tự học thiết kế website với HTML, CSS và JavaScript này được thiết kế dựa trên sự tiếp nối của khoá hướng dẫn tự học thiết website với HTML và CSS cùng trên trang CodeHub.vn.

Trong khoá học này các bạn sẽ học cách vận dụng các kiến thức nền tảng của JavaScript để tạo ra các hiệu ứng cũng như tương tác cho website. Các chức năng mà chúng ta sẽ thêm vào các trang web được tạo ra từ khoá hướng dẫn trước gồm có:

• Phóng to hình ảnh trên trang khi người dùng click lên chúng
...

Thuộc Tính Padding

Thuộc tính padding được sử dụng để tạo khoảng đệm cho phần tử bằng cách tạo khoảng trống đệm tính từ nội dung của phần tử cho tới đường viền.

p {
    padding: 5px  10px 5px 10px;
}

Đoạn mã CSS ở trên tạo khoảng đệm trên, đệm phải, đệm dưới và đệm trái lần lượt là 5px, 10px, 5px và 10px. Cách tạo đệm như trên gộp giá trị khoảng đệm từ tất cả 4 phía của phần tử. Tuy nhiên chúng ta cũng có thể tạo khoảng đệm riêng lẻ cho từng phía.

Khoảng Đệm Riêng Lẻ

Chúng ta có thể sử dụng một ...

Trong CSS các thuộc tính margin được sử dụng để căn lề cho phần tử:

• margin-top: Căn lề trên.
• margin-right: Căn lề phải.
• margin-bottom: Căn lề dưới.
• margin-left: Căn lề trái.
• margin: Căn lề tất cả các bên.

Thuộc Tính Border

Thuộc tính border trong CSS được dùng để tạo đường viền cho phần tử. Sử dụng thuộc tính border chúng ta có thể gán giá trị cho một hoặc nhiều thuộc tính khác như độ rộng đường viền (border-width), kiểu đường viền (border-style) và àu sắc đường viền (border-color) của phần tử.

selector {
    border: border-width, border-style, border-color;
}

Ví dụ:

p {
    border: 2px solid #333;
}

Kiểu Đường Viền

Thuộc tính border-style được sử dụng để tạo kiểu cho đường viền.

p.dotted {border...

Các thuộc tính background trong CSS được sử dụng để thiết lập hiệu ứng phông nền cho phần tử HTML trên trang web, các thuộc tính này gồm có: background-color, background-image, background-repeat, background-position, background-attachment và background.