Trong bài m? ??u này chúng ta s? ?i tìm hi?u m?t s? khái ni?m và ??c tính c?a CSS, mà chúng ta c?n chú ý trong su?t quá trình làm vi?c v?i CSS
I. CSS là gì
CSS (Cascading Style Sheets) ???c hi?u m?t cách ??n gi?n ?ó là cách mà chúng ta thêm các ki?u hi?n th? (font ch?, kích th??c, màu s?c...) cho m?t tài li?u Web
II. M?t s? ??c tính c? b?n c?a CSS
CSS quy ??nh cách hi?n th? c?a các th? HTML b?ng cách quy ??nh các thu?c tính c?a các th? ?ó (font ch?, màu s?c). ?? cho thu?n ti?n b?n có th? ??t toàn b? các thu?c tính c?a th? vào trong m?t file riêng có ph?n m? r?ng là ".css"CSS nó phá v? gi?i h?n trong thi?t k? Web, b?i ch? c?n m?t file CSS có th? cho phép b?n qu?n lí ??nh d?ng và layout trên nhi?u trang khác nhau. Các nhà phát tri?n Web có th? ??nh ngh?a s?n thu?c tính c?a m?t s? th? HTML nào ?ó và sau ?ó nó có th? dùng l?i trên nhi?u trang khác.
Có th? khai báo CSS b?ng nhi?u cách khác nhau. B?n có th? ??t ?o?n CSS c?a b?n phía trong th? <head>...</head>, ho?c ghi nó ra file riêng v?i ph?n m? r?ng ".css", ngoài ra b?n còn có th? ??t chúng trong t?ng th? HTML riêng bi?tTuy nhiên tùy t?ng cách ??t khác nhau mà ?? ?u tiên c?a nó c?ng khác nhau. M?c ?? ?u tiên c?a CSS s? theo th? t? sau.
Style ??t trong t?ng th? HTML riêng bi?t
Style ??t trong ph?n <head>
Style ??t trong file m? r?ng .css
Style m?c ??nh c?a trình duy?t
M?c ?? ?u tiên s? gi?m d?n t? trên xu?ng d??i.
CSS có tính k? th?a: gi? s? r?ng b?n có m?t th? <div id="vidu"> ?ã ???c khai báo ? ??u file css v?i các thu?c tính nh? sau:
#vidu \
width: 200px;
height: 300px;
\
? m?t ch? nào ?ó trong file css b?n l?i khai báo m?t l?n n?a th? <div id="vidu"> v?i các thu?c tính.
#vidu \
width: 400px;
background-color: #CC0000;
\
Sau ?o?n khai báo này thì th? <div id="vidu"> s? có thu?c tính:
#vidu \
width: 400px; /* ?è lên khai báo c? */
height: 300px;
background-color: #CC0000;
\
Bạn đang đọc truyện trên: Truyen2U.Pro