CSSµÄ¼¸ÖÖÑ¡Ôñ·û
Ó¦ÓÃÑùʽµÄ·½·¨ÓÐÈýÖÖ£ºÍⲿ(external)¡¢ÄÚ²¿(internal)ºÍÄÚÁª(inline)¡£ÆäÖÐǰÁ½ÕߵĻù±¾¸ñʽΪ£º
selector { property £º value£» }
CSSÖпÉÒÔʹÓò»Í¬µÄselector(Ñ¡Ôñ·û)À´Ó¦ÓÃÑùʽ£¬ÈçÏ£º
1.
ÀàÐÍÑ¡Ôñ·û
p{
color : blue ;
}
½«ÑùʽӦÓÃÓÚËùÓÐ<p>ÔªËØ¡£
NB£ºÓÐÐ©ÔªËØ»á¼Ì³Ð¸¸ÔªËصÄÊôÐÔÖµ¡£ÀýÈ磬¶ÎÂäÀïµÄÎÄ×Ö±»ÉèΪÀ¶É«£¬Ôò¸Ã¶ÎÂäÀïemÔªËØÄÚµÄÎÄ×ÖÑÕɫҲÊÇÀ¶É«¡£
2.ÀàÑ¡Ôñ·û
.warning{
font-weight : bold ;
}
<ul>
&n
Ïà¹ØÎĵµ£º
Ê×ÏȸÐл“Íè×Ó
”ÌṩµÄÕâ¸ö
IE8µÄcss hack£»
¹Ø×¢¹ýIE8µÄcss hackµÄÈËÏàÐÅ´ó¼Ò¶¼ÔÚʹÓÃÕâ¸öhack£¬¾ÍÊÇ“\9”µÄcss hack£º
.test{
color:#000000; /* FF,OPÖ§³Ö */
color:#0000FF\9;&n ......
Firefox hr
¼æÈÝÎÊÌ⣬ÔÚieÖÐÕý³£ÏÔʾµÄhrÊôÐÔÉèÖã¬ÔÚFirefoxÀïÃæ²»¹ÜÔõôŪ¶¼ÊÇËûÂèµÄ²»³öÀ´£¬¸ÄÁ˲»ÉÙÊôÐÔ£¬µ÷ÕûÁËλÖã¬Í¬Ê±ËÑË÷Á˲»ÉÙÎÄÕ£¬ÈÔÈ»²»
ÐУ¬×îºó¿´µ½Ò»ÆªÎÄÕÂ˵ffÖбØÐëÉèÖñ³¾°ÑÕÉ«²ÅÓÐЧ¹ûµÄ£¬ÕæÊÇxxxµÄ£¬ÕâÖÖÎÊÌâ×Ô¼º±ÕÃÅÔì³µµÄ»°ÕûÉϸöÈýÌìÈýÒ¹¶¼ÕÒ²»µ½½â¾ö°ì·¨°¡£¡
°Ñ´úÂëÌù³öÀ´·ÖÏíÏ£º
hr {
......
css»ñÈ¡Ò³ÃæÖÐÐÄλÖÃ
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(ev ......
±¾ÎĽ«½²ÊöHTMLºÍCSSµÄ¹Ø¼ü—ºÐ×ÓÄ£ÐÍ(Box model). Àí½âBox modelµÄ¹Ø¼ü±ãÊÇmarginºÍpaddingÊôÐÔ, ¶øÕýÈ·Àí½âÕâÁ½¸öÊôÐÔÒ²ÊÇѧϰÓÃcss²¼¾ÖµÄ¹Ø¼ü.
×¢: Ϊʲô²»·ÒëmarginºÍpadding? ÔÒòÒ», ÔÚººÓïÖв¢Ã»ÓÐÓëÖ®Ïà¶ÔÓ¦µÄ´ÊÓï; ÔÒò¶þ: ¼´Ê¹ÓÐÕâÑùµÄ´ÊÓï, ÓÉÓÚÔÚ±àдcss´úÂëʱ, ±ØÐëʹÓÃmarginºÍpadding, Èç¹ûÎÒÃÇ×ÜÓà ......
1.»ù±¾Óï·¨£º
Ñ¡Ôñ·ûÃû×Ö { ÉùÃ÷; }
Ñ¡Ôñ·ûÃû×ÖÃüÃû¹æÔò£º
CSSÑ¡Ôñ·û¿ÉÒÔʹÓÃÓ¢ÎÄ×ÖĸµÄ´óдÓëСд,Êý×Ö,Á¬×ÖºÅ,Ï»®Ïß,ðºÅ,¾äºÅ.
2.·ÖÀࣺ
ÔÚAndy BuddµÄ¡¶CSS MASTERY¡·£¨ÖÐÒë¡¶¾«Í¨CSS¡·£©ÖУ¬½«CSSÑ¡Ôñ·û·ÖΪ£º³£ÓÃÑ¡Ôñ·û¡¢Í¨ÓÃÑ¡Ôñ·ûºÍ¸ß¼¶Ñ¡Ôñ·û¡£³£ÓÃÑ¡Ôñ·û°üÀ¨£ºÀàÐÍÑ¡Ôñ·û¡¢ÀàÑ¡Ôñ·û¡¢IDÑ¡Ôñ·û¡¢ºó´ ......