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: 19 April 2024 at 09:36
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
|
|