Showing 10 / 4.353 results
Trước khi qua bài học thêm trang FAQ và tạo hiệu ứng accordion cho trang thì chúng ta sẽ cần làm một công việc rất quan trọng trong lập trình đó là refactor cod...
Refactor Code
Ở bài học trước chúng ta đã tìm hiểu cách mở tab mới để hiển thị duy nhất nội dung của ảnh sau khi người dùng click lên ảnh trên trang. Trong bài học này chúng...
Tạo Lightbox Image
Trong bài học này chúng ta sẽ tìm hiểu cách sử dụng JavaScript để khi người dùng click chuột lên ảnh trên trang thì trình duyêt sẽ mở ảnh này ở một tab mới. Lấ...
Mở Ảnh Trong Tab Mới
Trong bài học này chúng ta sẽ thực hiện một công việc khá đơn giản đó là thêm vào một tập tin để chứa chỉ mã lệnh JavaScript và sau đó chúng ta sẽ nhúng tập tin...
Tách Mã JavaScript Ra File Riêng

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, 5px10px. 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.

Box Model Là Gì Mỗi phần tử HTML của trang web được mô phỏng (model) giống như một chiếc hộp hình chữ nhật được hình thành từ bốn thành phần: Nội dung phần tử...
Box Model