Page Title
Bố cục và cấu trúc CSS là gì?
tải về 5.35 Mb.
|
- Điều hướng trang này:
- Cấu trúc một đoạn CSS
- Ý nghĩa của các phần này như sau: Bộ chọn (Selector)
- Tuyên bố (Declaration)
- Giá trị thuộc tính
- Ưu điểm của CSS là gì
| Bố cục và cấu trúc CSS là gì?
Bố cục của một đoạn CSS Bố cục CSS thường chủ yếu dựa vào hình hộp và mỗi hộp đều chiếm những khoảng trống trên trang của bạn với các thuộc tính như: Padding (vùng đệm): Gồm không gian xung quanh nội dung (ví dụ: xung quanh đoạn văn bản). Border (đường viền): Là đường liền nằm ngay bên ngoài phần đệm. Margin (lề): Là khoảng cách xung quanh bên ngoài của phần tử. Cấu trúc một đoạn CSS Cấu trúc của một đoạn CSS sẽ bao gồm các phần cơ bản như sau: Phần thứ 1: Vùng chọn { Phần thứ 2: thuộc tính : Phần thứ 3: giá trị; Phần thứ 4: } Phần thứ 5: ….. Ý nghĩa của các phần này như sau: Bộ chọn (Selector): Tên phần tử HTML bắt đầu của bộ quy tắc và nó sẽ thực hiện chọn những phần tử đã được tạo kiểu. Từ đó, có thể tạo được kiểu cho những phần tử khác mà chỉ cần thực hiện thay đổi bộ chọn. Tuyên bố (Declaration): Một quy tắc duy nhất như: color: red; xác định thuộc tính của phần tử nào bạn muốn tạo kiểu. Thuộc tính (Properties): Những cách mà bạn có thể tạo kiểu cho một phần tử HTML. (Với trường hợp này thì color được xem là một trong những thuộc tính của phần tử p). Chính vì vậy, với CSS thì bạn chỉ cần lựa chọn thuộc tính mà chính bạn muốn tác động nhất trong bộ quy tắc của mình. Giá trị thuộc tính: Ở bên phải của thuộc tính sau dấu hai chấm(:), chúng ta sẽ sở hữu giá trị thuộc tính mà việc lựa chọn trong số đó sẽ xuất hiện nhiều lần để có thể cho một thuộc tính cụ thể nào đó. Ưu điểm của CSS là gì? Nếu như các website không thể load được thì chỉ có nền trắng và chữ xuất hiện là màu đen và xanh. Trước khi có thể sử dụng CSS thì hầu hết các phong cách của CSS đều được đính kèm bên trong HTML markup. Chính vì vậy, bạn cần thực hiện tách để có thể dễ dàng xác định cho các thành phần như: background, font colors, canh hàng,... Vậy, các ưu điểm của CSS như sau: CSS giúp bạn thực hiện định kiểu mọi thứ mình muốn lên một file khác. Nhờ vậy, bạn có thể tạo ra được những phong cách phù hợp rồi mới tích hợp các file CSS lên trên cùng file của HTML. Điều này sẽ giúp cho HTML được makup rõ ràng nhất và người dùng có thể quản lý website dễ dàng hơn. Sử dụng CSS sẽ giúp bạn không cần thực hiện lặp lại các mô tả cho từng thành phần. Từ đó, bạn có thể tiết kiệm được tối đa thời gian làm việc với nó, làm code ngắn lại giúp kiểm soát dễ dàng hơn các lỗi không đáng có. CSS giúp người dùng nhiều styles trên một trang web HTML nên khả năng điều chỉnh trang của bạn trở nên vô hạn. Nhờ CSS mà mã nguồn của trang Web sẽ được tổ chức gọn gàng hơn, trật tự hơn, nội dung trang ư web sẽ được tách bạch hơn trong việc định dạng hiển thị. Từ đó, quá trình cập nhập nội dung sẽ dễ dàng hơn và có thể hạn chế tối thiểu làm rối cho mã HTML. CSS tạo ra nhiều kiểu dáng nên có thể được áp dụng với nhiều trang web, từ đó giảm tránh việc lặp lại các định dạng của các trang web giống nhau. tải về 5.35 Mb. Chia sẻ với bạn bè của bạn:
|