
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ó:
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.
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ử:
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;
}
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.