Nội dung chủ yếu của bài được dịch từ http://www.w3schools.com/css/default.asp , phần còn lại từ... một số nguồn khác và trong đầu
Trước khi đọc bài này các bạn cần có kiến thức cơ bản về WWW, HTML cùng những kỹ năng cơ bản nhất để làm một trang web
CSS là gì?
-
CSS: Cascading Style Sheet: Đây là những mẫu để quy định cách thức thể
hiện các thẻ HTML. Bạn có thể xem ví dụ về cách thức thể hiện các thẻ
này ở http://www.w3schools.com/css/demo_default.htm
- CSS có 3 cách sử dụng:
+ Sử dụng trực tiếp kèm với các thẻ HTML (Inline Style Sheet)
+ Định nghĩa trong 1 trang web (Internal Style Sheet)
+ Định nghĩa thành 1 file CSS riêng (External Style Sheet)
- Style được đưa vào HTML 4.0 để giải quyết một số vấn đề.
- CSS giúp bạn tiết kiệm được rất nhiều thời gian và công sức cho việc thiết kế web.
- Bạn có thể định nghĩa nhiều style vào một thẻ HTML
Style (mẫu định dạng) giải quyết một số vấn đề chung:
-
Ta biết rằng các thẻ HTML chuẩn được thiết kế để định nghĩa nội dung
của một văn bản. Đầu tiên các thẻ HTML hỗ trợ cách viết "Đây là tiêu
đề", "Đây là đoạn", "Đây là bảng".... bằng cách sử dụng các thẻ
<H1>, <P>, <TABLE>... Cách bố trí văn bản này được qui
định bởi trình duyệt web và không có bất cứ một thẻ nào để định dạng
văn bản.
- Đến các trình duyệt thế hệ sau đặc biệt là Nescape và
Internet Explorer tiếp tục đưa thêm vào các thẻ HTML mới cùng các thuộc
tính định dạng riêng của mình (như các thẻ <FONT> và thuộc tính
Color...). Do đó ngày càng khó để tạo ra được một web site khi mà nội
dung của nó bị tách rời khỏi cách bố trí.
- Để giải quyết vấn đề này World Wide Web Consortium (W3C) đã tạo ra STYLE để đưa thêm vào trong HTML 4.0
- Cả hai trình duyệt lớn là Nescape Và Internet Explorer đều hỗ trợ CSS.
CSS giúp bạn tiết kiệm được rất nhiều thời gian và công sức cho việc thiết kế web.
-
Style trong phiên bản HTML 4.0 (phiên bản chúng ta đang dùng) qui định
cách thức thể hiện các thẻ HTML tương tự như thẻ <FONT> hay thuộc
tính COLOR trong HTML 3.2. Style thường được lưu trong các file nằm
ngoài trang web. Chúng giúp bạn có thể thay đổi cách thức định dạng và
cách bố trí các trang web chỉ bằng cách thay đổi riêng file CSS. Chỉ khi
bạn muốn thay đổi lại toàn bộ màu sắc, cách định dạng của các tiêu đề,
nội dung bạn mới hiểu rõ tác dụng thực sự của CSS.
- CSS cho phép
chúng ta điều khiển cách định dạng và cách bố trí của cùng lúc nhiều
trang web với chỉ duy nhất 1 lần thay đổi tại một vị trí. Là một người
thiết kế web, bạn có thể định nghĩa 1 file CSS cho các thẻ HTML và áp
dụng nó vào nhiều trang web mà bạn muốn. Để thay đổi tổng thể các trang
web này bạn chỉ đơn giản là thay đổi file CSS và tất cả các trang đã áp
dụng sẽ được thay đổi một cách tự động.
Bạn có thể định nghĩa nhiều style vào một thẻ HTML
CSS
cho phép bạn đưa các thông tin định nghĩa thẻ thông qua nhiều con đường
khác nhau. Style có thể được qui định ở trong chỉ một thẻ HTML, được
qui định trong 1 trang web hoặc ở trong một file CSS bên ngoài.
Thứ tự áp dụng các định dạng
Như
trên đã nói, ta có thể sử dụng nhiều cách khác nhau để làm CSS. Điều gì
sẽ xảy ra nếu bạn áp dụng nhiều cách định dạng cho 1 thẻ HTML?
Theo
một cách chung nhất ra có thể nói các style của bạn sẽ được "xếp tầng"
(cascade). Việc xếp tầng này tuân theo thứ tự sau: (Số 1 là ưu tiên
nhất, số 4 là kém ưu tiên nhất).
1. Inline Style (Style được qui định trong 1 thẻ HTML cụ thể)
2. Internal Style (Style được qui định trong phần <HEAD> của 1 trang HTML )
3. External Style (style được qui định trong file CSS ngoài)
4. Browser Default (thiết lập mặc định của trình duyệt)
Như
vậy ta thấy các thiết lập trong 1 thẻ HTML có mức ưu tiên cao nhất,
Những gì được định nghĩa ở đây sẽ bị bỏ qua tất cả các định nghĩa khác
(như trong thẻ <HEAD>, File CSS ngoài,...)
-
IMindMap 8.0.4 iMindMap là công cụ tuyệt vời để vẽ bản đồ tư duy đem mọi chi tiết trong đầu bạn ra thành các ý tươgnr, để nắm bắt ý tư...
-
1. Download Bamboo in : http://www.atlassian.com/software/bamboo/download?os=linux cd ~ mkdir BAMBOO cd BAMBOO wget http://www.atlassia...
-
1.Giới thiệu về Vim Vim – Vi iMprove là bản cải thiện của Vim – một trình soạn thảo phổ biến trên Unix. Vim có tính cấu hình rất cao ...
Không có nhận xét nào:
Đăng nhận xét