C� ph�p l� c?u tr�c c?a ng�n ng?. M?i ng�n ng? t? nhi�n ??u c� m?t c� ph�p trong c?u tr�c ?? t?o n�n c�u. C� ph�p l� c?u tr�c c?a ng�n ng?. M?i ng�n ng? t? nhi�n ??u c� m?t c� ph�p trong c?u tr�c ?? t?o n�n c�u. Ng�n ng? m�y t�nh c?ng c� c� ph�p trong c?u tr�c c�u l?nh c?a ch�ng. HTML, CSS, XHTML kh�ng ng?ai l?. Ch�ng c?ng c� c?u tr�c, g?i l� c� ph�p, theo thu?t ng? l?p tr�nh. ?? m� HTML, CSS, XHTML ???c ??c v� d?ch b?i Browser, ch�ng ta ph?i d�ng c�c quy t?c c� ph�p. Ng??c l?i, tr�nh duy?t s? kh�ng th? d?ch ???c m�. N?u trong c� ph�p c� l?i, ng??i l??t web s? nh?n ???c th�ng b�o l?i c� ph�p kh�ng h?p l?. CSS c?u t?o ng�n ng? c?a n� b?ng c�ch s?p x?p m?t t?p h?p c�c quy t?c �p d?ng cho th�nh ph?n hay c�n g?i l� selector. Th�nh ph?n g?m c�c ??c t�nh m� ch�ng ta khai b�o ?? hi?n th? tr�n trang. V� d?, n?u ch�ng ta mu?n ??i m�u n?n (background color), ch�ng ta d�ng thu?c t�nh cho m�u n?n theo c� ph�p c?a CSS l�: background-color:. Nguy�n t?c m� CSS d�ng g?m 2 ph?n khai b�o: Khai b�o th�nh ph?n(element) hay c�n g?i l� b? ch?n (selector) v� Khai b�o thu?c t�nh (property) v� gi� tr? (value ho?c attribute) cho thu?c t�nh c?a th�nh ph?n ?�. T? ?�y tr? ?i, ch�ng ta s? d?ng thu?t ng? Selector khi n�i v? element v� declaration cho ph?n khai b�o.
1-C� ph�p l� g�?
Bao g?m t?t c? c�c th�nh ph?n c?a HTML. Ch?ng h?n Th? <p>, th? <BODY>, th? <H>... l� c�c selector.
b-Khai b�o:
?? b?t ??u khai b�o thu?c t�nh (property) trong th�nh ph?n ch�ng ta d�ng d?u { (g?i l� bracket). Khai b�o thu?c t�nh trong th�nh ph?n bao g?m t�n c?a thu?c t�nh v� gi� tr? c?a thu?c t�nh. Gi?a thu?c t�nh v� gi� tr? c�ch nhau b?i d?u 2 ch?m (:). K?t th�c m?t khai b�o d�ng d?u ?�ng }. Ch?ng h?n trong HTML ?? font ch? c� m�u xanh ch�ng ta vi?t : <font >. Trong CSS ch�ng ta khai b�o l� : {color:blue;}.
V� m?t Selector bao g?m m?t ho?c nhi?u thu?c t�nh, n�n gi?a m?i thu?c t�nh khai b�o trong th�nh ph?n ch�ng c�ch nhau b?i d?u ch?m ph?y (;)
c-V� d?:
Di?n ??t th� d�i d�ng v?y, nh?ng v?i v� d? d??i ?�y, b?n s? hi?u c�ch vi?t. Tr??c h?t, ?? hi?u ???c c� ph�p, h?n b?n ?� ??c b�i ph??ng ph�p nh�ng CSS. Nh?ng v� d? trong c�c b�i h?c ?�i khi s? d?ng External Embed, Heading Embed v� Inline Embed. B?n c?n l?u �:
Khi vi?t:
P {font-family: Tahoma, Verdana, Arial; font-size:12px; color: blue;}
th� b?n hi?u c�u n�y d�ng cho File External CSS.
Khi vi?t:
<style>
P {font-family: Tahoma, Verdana, Arial; font-size:12px; color: blue;}
</style>
th� b?n hi?u ?�y l� Heading Embed.
Khi vi?t:
<P style="font-family: Tahoma, Verdana, Arial; font-size:12px; color: blue;">
th� b?n hi?u ?�y l� Inline Embed.
Trong v� d? tr�n:
P {font-family: Tahoma, Verdana, Arial; font-size:12px; color: blue;}
Selector ch�nh l� th�nh ph?n P(paragraph). C�c khai b�o thu?c t�nh g?m: font-family: tahoma,verdana,arial; l� b? ch? d�ng cho th? P. font-size:12px; k�ch th??c ch? l� 12 pixels v� color:blue; m�u ch? l� Blue. Cu?i c�ng ch�ng ta ?�ng khai b�o b?ng d?u }.
Ch�ng ta c?ng c� th? vi?t c�u tr�n m?t c�ch g?n h?n nh? sau:
P {font:12px, Tahoma, Verdana, Arial; color: blue;}
V?i ??an codes tr�n ?�y, ch�ng ta y�u c?u tr�nh duy?t r?ng: t?t c? c�c ??an v?n b?n b?t ??u b?ng <p> trong trang HTML ??u d�ng c? ch? 12 pixels, v� ?u ti�n font ch?n ??u ti�n l� Tahoma, k? ??n l� verdana v� cu?i c�ng l� Arial. M�u ch? l� m�u xanh.
Ph?n khai b�o ch?n font ch? v� k�ch th??c ch? l� gi� tr? hay thu?c t�nh c?a ??c t�nh font (font property). Thu?t ng? value v� attribue ???c s? d?ng h�an ??i qua l?i v� c� ngh?a t??ng t?. Th?t s?, c�c ch? property, attribute v� value d? nh?m l?n. H�y xem minh h?a b�n d??i:
Selector {property: value or attribute;}
B?n c� th? s? d?ng c�c thu?c t�nh v� gi� tr? Text Properties, Font Properties, Color and background Properties... cho th? n�y. Tham kh?o th�m trong c�c b�i t??ng ?ng c?a CSS (m?c l?c).
©2008 Tien Thanh| Firebug Theme by Blog Oh! Blog | Converted to Blogger by Blogger Accessories
Đăng nhận xét