Phuong ph�p vi?t m� CSS
Printed From: Sieu ho tro
Category: Information Technology
Forum Name: Thủ thuật, mẹo vặt
Forum Description: Các thủ thuật trong tin học
URL: http://sieuhotro.com/forum_posts.asp?TID=2078
Printed Date: 27 April 2024 at 23:35 Software Version: Web Wiz Forums 12.03 - http://www.webwizforums.com
Topic: Phuong ph�p vi?t m� CSS
Posted By: administrator
Subject: Phuong ph�p vi?t m� CSS
Date Posted: 29 April 2009 at 09:26
Vi?c vi?t m� CSS cung gi?ng nhu b?n l?p tr�nh v?i ng�n ng? PHP, C#,... t?t c? d?u c?n c� m?t b? c?c khoa h?c, h? th?ng d? d? d�ng ph�t tri?n cung nhu ki?m tra ph�t hi?n l?i (n?u c�). Du?i d�y l� m?t v�i hu?ng d?n gi�p b?n l�m vi?c v?i CSS khoa h?c hon:
Ch� th�ch cho m� CSS gi�p ngu?i kh�c d?c file CSS s? bi?t th�m nh?ng th�ng tin c?n thi?t v? file CSS n�i ri�ng v� v? t�c gi? n�i chung. Vi?c ch� th�ch m� ? nh?ng ng�n ng? kh�c quan tr?ng ra sao th� ch� th�ch m� ? CSS cung quan tr?ng nhu v?y. Sau d�y l� m?u ch� th�ch m?t do?n m� CSS r?t t?t; PLAIN TEXT CSS:
1./*------------------------ 2.Screen Stylesheet 3.version: 1.0 4.date: 01/03/07 5.author: [your email] 6.email: [you at domain dot com] 7.website: [your domain] 8.version history: [location of file] 9.---------------------*/
2. Chia CSS ra th�nh nhi?u ph?n
N?u m� CSS c?a b?n g?m nhi?u ph?n v� cho nhi?u trang th� b?n n�n chia th�nh nhi?u file CSS d? d? qu?n l� v� cung d? gi�p cho file CSS c?a b?n kh�ng b? r?i. R?t nhi?u web developer chua nh?n th?c du?c di?u n�y. H? g?p t?t c? file CSS v�o l�m m?t. V� di nhi�n, h? qu? l� h? m?t nhi?u th?i gian hon cho vi?c s?a file CSS c?a m�nh.
Chia CSS ra th�nh nhi?u file v� s? d?ng ch�ng c�ng v?i CSS ch�nh b?ng phuong th?c sau: PLAIN TEXT CSS:
1./* Import other stylesheets 2.---------------------------------------*/ 3.@import url("typography.css");
B�n c?nh d�, ph�n chia ngay ch�nh trong file CSS cung quan tr?ng kh�ng k�m. H�y g?p chung nh?ng ph?n c� c�ng 1 d?i tu?ng. PLAIN TEXT CSS:
1./* Header 2.---------------------------------------*/ 3./* Navigation 4.---------------------------------------*/ 5./* Footer 6.---------------------------------------*/ 7./* Homepage 8.---------------------------------------*/ 9./* Your template 10.---------------------------------------*/
Xo� c�c d?nh d?ng m?c d?nh
��y l� di?u c?c k� c?n thi?t d?i v?i b?t k� Web developer n�o. Nhu b?n d� bi?t th� m?i tr�nh duy?t (browser) d?u hi?n th? kh�c nhau. Ph?n l?n l� do d?nh d?ng m?c d?nh ? m?i browser l� kh�c nhau. V� d? sau s? gi�p b?n xo� d?nh d?ng m?c d?nh: PLAIN TEXT CSS:
1.*{margin: 0;padding: 0;border: 0;}
4. �?nh d?ng c�c d?i tu?ng co b?n:
Nh?ng d?i tu?ng co b?n hay du?c s? d?ng nhu h1, h2, h3, ... form, table, c?n ph?i du?c d?nh d?ng tru?c ti�n khi b?n b?t d?u vi?t m� CSS. Th�i quen n�y gi�p b?n d?ng b? du?c giao di?n c?a c�c trang web.[ PLAIN TEXT CSS:
1./* Forms 2.---------------------------------------*/ 3.input.text 4.{ 5.padding: 3px; 6.border: 1px solid #999999; 7.}
PLAIN TEXT CSS:
1./* Tables 2.---------------------------------------*/ 3.table 4.{ 5.border-spacing: 0; 6.border-collapse: collapse; 7.} 8. 9.td 10.{ 11.text-align: left; 12.font-weight: normal; 13.}
Ch� �: d�y kh�ng ph?i l� m?t chu?n m?c vi?t m� CSS. V� hi?n t?i chua c� 1 chu?n n�o cho vi?c vi?t CSS.
Theo thegioiweb.vn
|
|