Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSSµÄÖÖÀà:Àà/±êÇ©Ñùʽ/IDÑ¡Ôñ·û/αÀà

CSSÑùʽµÄÖÖÀࣺ
1 £®HTML ±ê¼Ç·û£ºÓÃÓÚ¶¨ÒåHTML µÄTAGS Ñùʽ£¬ÀýÈç bodyp img µÈ¡£
ÀýStyle.cssÖж¨ÒåµÄbody\h1\p\img µÈ Àýstyle.css
2 £®ÀàÑ¡ÔñÆ÷£ºÒÔ . ¿ªÍ·£¬Ñùʽһµ©¶¨Ò壬¿É¾ÍÓÃÓÚÈκÎHTML ÔªËØ ¡£
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Trans
CSSÑùʽµÄÖÖÀࣺ
1
£®HTML
±ê¼Ç·û£ºÓÃÓÚ¶¨ÒåHTML
µÄTAGS
Ñùʽ£¬ÀýÈç body p  
img
µÈ¡£
ÀýStyle.cssÖж¨ÒåµÄbody\h1\p\img µÈ
Àýstyle.css
2
£®ÀàÑ¡ÔñÆ÷£ºÒÔ .
¿ªÍ·£¬Ñùʽһµ©¶¨Ò壬¿É¾ÍÓÃÓÚÈκÎ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>ÀàÑ¡ÔñÆ÷µÄʾÀý</title>
<mce:style type="text/css"><!--
.content {
background-color: #CCCCCC;
height: 300px;
width: 500px;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
border: 1px solid #000000;
}
--></mce:style><style type="text/css" mce_bogus="1">.content {
background-color: #CCCCCC;
height: 300px;
width: 500px;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
border: 1px solid #000000;
}</style>
</head>

<body>
<p class="content">ÕâÊÇÒ»¸öÀàÑ¡ÔñÆ÷µÄʾÀý¡£</p>
</body>
</html>

3
£®ID
Ñ¡ÔñÆ÷£ºÒÔ“#
”¿ªÍ·£¬Ñùʽһµ©¶¨Ò壬ֻ¶ÔÏàͬID
µÄ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; char


Ïà¹ØÎĵµ£º

css Êó±ê¾­¹ýÎÄ×Ö±äÉ«

 #dh
{
width:1003px;
height:36px;
background-image:url(images/mmain_03.gif)
}
#dh li
{
 height:30px;
 width:110px;
 float:left;
 list-style:none;
 text-align:center;
 margin:7px;
 padding:5px;
}
#dh li a:link
 {
   font-size:16 ......

css³£Óò¼¾ÖÑùʽ

 1.Ò»ÐÐÈýÁÐ
<!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" lang="gb2312">
<head><title>css²¼¾Ö£ºÒ»ÐÐÈýÁÐ</title>
<link rel="stylesheet" href ......

ÓÃjs¸Ä±äcssÑùʽ

<style>
.a
{
background-color:#000000;
}
.b
{
background-color:#ffffff;
}
</style>
<ul>
<li id="aaa1"  onclick="setClassName(this,'a')"> <a href="#">aaaa</a> </li>
<li id="aaa2"  onclick="setClassName(this,'a')"> <a href="#"&g ......

CSSÑùʽ½â¾öÓ¢ÎÄ»»ÐжϴÊÎÊÌâ

ͨ³£µÄÎÒÃÇÔÚ¶ÁÈ¡ÎÄÕ±êÌâµÄʱºò£¬Óöµ½×Ö·û¹ý¶à£¬¶¼ÊÇͨ¹ý³ÌÐòÔÚSERVER¶Ë½ØÈ¡Ò»¶¨µÄ×Ö·ûÊý£¬È»ºóÌí¼Ó...À´ÊµÏÖ±êÌⳤ¶È½ØÈ¡µÄ¡£ÆäʵÎÒÃÇÒ²¿ÉÒÔͨ¹ýCSSÀ´¿ØÖÆ¡£
ʵÁÐÈçÏ£º
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
¿ÉÓÃspan»òdivÒ ......

×Ô¶¨ÒåCSDN BlogµÄCSSÑùʽ

Ô­ÎÄ´«ËÍÃÅ£ºhttp://blog.csdn.net/dux003/archive/2009/11/08/4786371.aspx
csdn blog css×Ô¶¨ÒåÉèÖÃ
¿ÉÒÔÔÚ²©¿ÍµÄÅäÖÃÒ³ÃæµÄ×Ô¶¨ÒåcssÀ¸ÖÐÌîÈëcssÑùʽ´úÂëÀ´×Ô¶¨Ò²blogµÄ·ç¸ñ
csdn blogµÄÒ³Ãæ¼Ü¹¹»ù±¾ÊÇÓÉdivʵÏֵģ¬Õû¸öÒ³ÃæÖ÷ÒªÓÉÈý¸ödiv×é³É£¬ËüÃǵÄid·Ö±ðÊÇ:
csdnblog_header, csdnblog_sidebar, csdnblog_conten ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ