CSSÄ£°åÊÇÔõôÁ¶³ÉµÄ
×÷Õß:ÀîÀöæÂ
ÓÊÏ䣺lly219@gmail.com
ÈÕÆÚ£º2009-1-12
ǰÑÔ£¨×Ô˵×Ô»°£©
´Ó³õʶCSSµ½ÏÖÔÚÒѾ5¸öÄêÍ·ÁË¡£´ó¶àÊǶ϶ÏÐøÐøµÄ£¬¿ÉÊǽüÒ»ÄêÀ´½Ó´¥ÆÄ¶à£¬ÉõÓÐһЩЩÌå»á¡£
µÚÒ»´Î½Ó´¥Ö»ÖªµÀfont£¬color£¬background£¬margin£¬paddingµÈ»ù±¾ÖªÊ¶£¬ÄËÖÁÁ¬margin¡¢padding¶¼·Ö²»Çå¸öËùÒÔÈ»¡£
ÔÚµÚÒ»´ÎWeb´ó×÷ÒµÖÐÖªµÀÁËÓГdiv+css template”,ΪÁ˽»²î£¬´ÓÄĸöʱºò¾Í¿ªÊ¼ÊÕ¼¯Ä£°å£¬¿´µ½¸÷ÖÖ¸÷ÑùµÄÄ£°å£¬²»ÓɾªÌ¾ËûÈ˵ÄÅäÉ«ÄÜÁ¦£¬´´×÷¼¼ÇÉÒÔ¼°·á¸»µÄÏëÏóÁ¦¡£
ÓÚÊÇ´ÓͼÊé¹Ý½èÁËÒ»¶ÑPS£¬ÅäÉ«£¬¹ã¸æÖ®ÀàµÄÊ飬µ±Ê±Ã»¿´³ö¸öËùÒÔÈ»£¬Ö»ÊǾõµÃÖ½ÖʺÍÓ¡Ë¢¶¼ºÜºÃ£¬ÒªÊÇŪ¶ªÁËÅâµÄÇ®¿É²»ÉÙ¡£
תÑÛ4Äê¹ýÈ¥ÁË£¬»¹ÊÇÖ»»áÏÂÔØ±ðÈ˵ÄÄ£°å£¬¿ä¿ä¼¸Ï¸ijÉ×Ô¼ºÊµÓõ쬻ù±¾µÄcss»¹ÊDz»ÉõÁ˽⡣
µÚÎå¸öÄêÍ·À´ÁË£¬¹¤×÷ÁË£¬×Ô¼ºµÄÏë·¨Ò²±È½Ï¶àÁË£¬¶Ôweb·½ÃæÓÐÁË×Ô¼ºµÄ¼û½â¡£CSS²»ÄÜ˵¾«Í¨£¬µ«ÊÇä¯ÀÀÆ÷²îÒ죬»ù±¾ÔÀíÄÜ˵µÄ±È½ÏÇå³þÁË¡£
ÕýÎÄ
FOR£ºÄ£·ÂÕßµÄÁ¶½ðÊõ
Ò»¸öÄ£°åµÄÁ¶³É¿ÉÒÔ¿¿ºÜ¶à°ì·¨£¬¶ÔÓÚûÓд´×÷£¬Ã»ÓоÑéµÄÈËÀ´Ëµ£¬×îΪÊʵ±µÄ·½·¨¾ÍÊÇÕÒÄ£°åÀ´Ð޸ġ£
ÒÔÏÂÊÇÆ½Ê±»ýÀÛµÄһЩģ°å£¬´ó¶àÊǹúÍâµÄ£º
¼ò½àµÄ°×É«ÍøÕ¾Éè¼ÆÐÀÉÍ | ShowCase | ǰ¶Ë¹Û²ì
www.qianduan.net/showcase-of-clean-white-web-de...
µÀ¶£¬Ç³ÂÌ
demo.templateworld.com/zero/in_action/temper
Ä£°åʵÀý
two24studios.com
Ò³ÃæÄ£°å
sudasuta.com/?p=1342
Web Designer Wall - Design Trends and Tutorials
www.webdesignerwall.com
We Are not Freelancers
www.wearenotfreelancers.co.za
99 High-Quality Free (X)HTML/CSS Templates | Showcases | instantShift
www.instantshift.com/2009/09/29/99-high-quality...
Open Web Design - Download Free Web Design Templates
www.openwebdesign.org
CSS Templates (Page 1 of 25 ) - Free CSS Templates
www.freecsstemplates.org/css-templates
ÎÆÀí
www.qianduan.net/showcase-of-beautiful-textured...
¶ÔÓÚºÜû¾ÑéµÄÈËÀ´Ëµ£¬×îºÃÊǰÑÄ£°å±¸·Ý£¬È»ºóÖ±½ÓÔÚÄ£°åÉÏÐ޸ģ¬ÐÞ¸ÄÍê±Ï¼ÇµÃÔÚ¶à¸öä¯ÀÀÆ÷Öв鿴¡£
ÌâÍâ»°
£º»°ËµÃ»Ñ§»á×ߣ¬ÔõôÄÜ¿ªÊ¼Ñ§ÅÜÄØ£¿ÔÚ´Ë£¬²»¼ûµÃ¾ÍÒ»¶¨£¬ËäÈ»Äã²»ÊǺܾ«Í¨£¬µ«ËüÊǸöËù¼û¼´ËùµÃµÄ¶«Î÷£¬ÔÙ¼ÓÉÏFirefoxÉϵÄfirebug£¬Ö»ÒªÉÔ¼ÓÀí½â£¬²»ÒªÖ»Í¼×ÅÐ޸ĵĿìÀÖ£¬ºÜ´ó³Ì¶ÈÉϲ»»á×ßÒ²ÄÜÅÜÁË¡£
µ«»ù±¾¹¦ÊDZØÐëµÄ£¬µÈÔٴλعýÍ·À´¿´css£¬¾Í»á¾õµÃºÜ¼òµ
Ïà¹ØÎĵµ£º
1¡¢CSSµÄÓï·¨ÊÇÕâÑùµÄ£ºselector {property: value}
selector-Ñ¡ÔñÆ÷£¨±ÈÈçbody¡¢div¡¢h2……£©
property-ÊôÐÔ £¨±ÈÈçbackground-color¡¢hidden¡¢text-align……£©
value-Öµ£¨±ÈÈçyellow¡¢blue¡¢12px¡¢center……£©
[×¢]£º
a¡¢³ýidÍâ´óСд²»Ãô¸Ð
b¡¢value´æÔÚ¶à¸öµ¥´Êʱ£¬ÒªÓÃÒ ......
<!---------<html>
<head>
<style type="text/css">
.tabheader table {
border-collapse: collapse; /* for IE */
border-spacing: 0; /* for N6 */
}
.tabheader table tr td {mar ......
¡¡
¡¡Æäʵ£¬ÒÔǰ´ÓÀ´Ã»ÓнӴ¥¹ýCSSÏà¹ØµÄÄÚÈÝ£¬¶¼ÊÇÔÚ×öÒµÎñµÄ±à³Ì£¬´ÓÀ´Ã»Ïë¹ýÇ°Ì¨Ò³ÃæµÄÉè¼ÆÒ²ÄÜÈç´Ë¸´ÔÓ¡£Õâ´ÎÏîÄ¿µÄ¿ª¹ý¹ý³ÌÖУ¬×÷ΪCSS²ËÄñµÄÎÒÒ²
½Ó´¥µ½CSSµÄÏà¹ØÉè¼Æ¡£Ëù³öÏֵĵͼ¶ÎÊÌâºÍÀ˷Ѻܶàʱ¼äµÄ×´¿öÒ²²ã³ö²»ÇËùÒÔͨ¹ý¸÷·½ËÑË÷ºÍ×Ô¼ºµÄʵ¼ÊѧϰÖÐ×ܽá³ö¼¸µãIEºÍFirefox¶ÔCSS
µÄÇø±ð£¬¸ø´ó¼Ò½è¼ø¡£
¡¡¡ ......
abc.css
CSS code
.class1
{
width:10px;
background-color: red;
}
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="abc.css" />
<TITLE> New Document </TITLE>
<script&g ......
html²¿·Ö
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>XHTML ......