Thiết kế web - Tài liệu CSS (Phần 2)

Đăng bởi: Thiết kế web Hải Phòng - HPSOFT
 

SỬ DỤNG CSS VỚI HTML

CSS có thể áp dụng với tài liệu HTML ở 3 cấp độ

1. CSS tại chỗ (inline CSS)

Với cách sử dụng này ta định nghĩa luôn qui tắc CSS cho một phần tử HTML tại điểm khai báo phần tử HTML đó với thẻ style

Ví dụ:

                                                                  Nội dung của phần tử này

Cách sử dụng này nói chung là thô thiển và chỉ được sử dụng trong các cánh huống đặc biệt cần thiết (style sheet chỉ áp dụng duy nhất cho một phần tử mà nó đặc tả) vì nó làm trộn lẫn mã trình diễn với nội dung của tài liệu -> Tài liệu gây rối mắt, khó bảo trì 

1. CSS nội (internal CSS)    

Với cách sử dụng này, ta khai báo thẻ

1. CSS ngoại (external CSS)

Cách sử dụng này là hay được áp dụng nhất – ta tạo một file ngoại riêng (với phần mở rộng là .css). Sau đó, bên trong các trang Web ta sử dụng thẻ

để liên kết trang Web với file CSS đó

Như vậy có thể dùng các file ngoài CSS để dùng chung cho các trang Web, hoặc cho tất cả các trang trong Website

Ví dụ: Ta tạo một file ngoài có tên là myStyle.css như sau

          Body {

                   Background-color:  red;

                   Color: black;

                   Margin: 4px;

                   Border: 2px;

                   ..

}

p {

          align: center;

          color: red;

}

Để áp dụng style trong file myStyle.css cho trang Web thì trong trang Web đó ta sử dụng thẻ

để liên kết với file CSS

Ví dụ:

                                  THAM KHẢO CSS

Vì CSS cho phép áp đặt các qui tắc định dạng cho tất cả các phần tử HTML, và vì lớp các khía cạnh của định dạng là hết sức phong phú. Do đó, trong CSS người ta phân loại định dạng như sau

1. CSS Background:

Quan tâm đến cac thuộc tính nền của một phần tử: Màu nền, ảnh nền, vị trí của ảnh trong một trang Web

        Sau đây là bảng tóm tắt các thuộc tính của CSS Background

1. CSS Text

CSS Text cho phép đặc tả chính xác phần thể hiện định dạng cho văn bản: màu của văn bản

1. CSS Font

CSS Font quan tâm việc định nghĩa Font cho văn  bản: họ font, kích thước, và kiểu dáng cho font

Bảng thuộc tính Font

1. CSS Border

Quan tâm đến thuộc tính đường viền của phần tử: Độ rộng, màu sắc,..

1. CSS Margin – Canh lề
2. CSS Padding – Định nghĩa khoảng trống giữa phần tử với Border của nó
3. CSS List - Định  dạng cho các phần tử List

(Tham khảo chi tiết tại Website: www.w3schools.com)

 ------------------------------------------------------------

CÔNG TY CỔ PHẦN GIẢI PHÁP PHẦN MỀM HẢI PHÒNG - HPSOFT.VN

• Địa chỉ: 1166 Nguyễn Bỉnh Khiêm - Hải An - Hải Phòng
• Điện thoại: 02256.517.518, 02253.614.845
• Hotline: 0982 033 031 - 0974 736 668
• E-mail: [email protected] - [email protected]
• Website: www.hpsoft.vn