CSSÑùʽ±íѧϰһ
1. ¶¨ÒåÑùʽ
1.1 °´html±êÇ©¶¨Òå
ÀýÈ磺body{background-color:#999999; text-align:center}
1.2 °´ÀඨÒå
ÀýÈ磺.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 °´id¶¨Òå
ÀýÈ磺#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSSµÄλÖúÍÒýÓÃ
¿ÉÒÔ°ÑÑùʽ¶¨ÒåÔÚcssÎļþÖУ¬È»ºó£¬ÔÚhtmlÎļþÖÐÒýÓã»Ò²¿ÉÒÔ°ÑÑùʽ¶¨ÒåÖ±½Ó·ÅÔÚstyle±êÇ©ÖС£
¡¡ (1)Ö±½Ó°ÑÑùʽ¶¨Òå·ÅÔÚ<style></style>ÖС£
¡¡¡¡ <style>body{background-color:#999999; text-align:center}</style>
¡¡ (2)ÔÚhtmlÎļþÒýÓÃcssÎļþ
¡¡¡¡ <link href="style.css" type="text/css" rel="stylesheet"/>
3. ʹÓÃCSSÑùʽ¶¨Òå
¸ù¾ÝÈýÖÖ¶¨Òå·½·¨£¬ÓÐÈýÖÖʹÓ÷½·¨
(1)ʹÓÃhtml±êÇ©¶¨Òåʱ£¬²»ÐèÒª¶Ôhtml´úÂë×öÈκÎÐ޸ģ¬ÏàÓ¦±êÇ©»á×Ô¶¯³ÊÏÖÑùʽ±í¶¨ÒåЧ¹û
(2)ʹÓÃÀඨÒåʱ£¬html±êÇ©Ôö¼ÓclassÊôÐÔ£¬ÊôÐÔÖµÉ趨ΪÐèÒªµÄÑùʽ
<div class="style1">ÎÒÊÇÒ»¸ödiv, ÓÃclassÒýÓÃÑùʽ</div>
(3)ʹÓÃid¶¨Òåʱ£¬ÐèÒª°Ñhtml±êÇ©idÊôÐÔÖµÉ趨ΪÑùʽÃû³Æ¡£
<div id="style2">ÎÒÊÇÒ»¸ödiv, ÓÃidÒýÓÃÑùʽ</div>¡¡¡¡
Ïà¹ØÎĵµ£º
<style>
* {
margin:0;
padding:0;
}
body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
margin: ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>ÎÞˢб任Ñùʽ±í</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /& ......
1.È«²¿µÄ´úÂë¾ùÔÚÒ»¸öDIVÈÝÆ÷(ÎÒÔÝʱÕâÑù³Æºô) HeadÀïÃæ,ÎÒÃÇÀ´¿´¿´HeadµÄд·¨
#Head{
text-align:center;
}
ΪʲôHeadÇ°ÃæÓÐÒ»¸ö"#"ºÅÄØ?
¶øÓеÄÈ´ÊÇÔÚÇ°Ãæ¼ÓÒ»¸ö"£®"±ÈÈç "£®Head",ÓÐʱºòдcssµÄʱºò¸É´àʲôҲ²»¼Ó,±ÈÈç td,body,ËûÃÇÓÐʲôÇø±ð,¾ßÌåÔõôÓÃ,Èç¹û×ÐϸÄã¾Í»á·¢ÏÖÔÚHTML ......
ÓÉÓÚÍøÕ¾µÄÖ÷ҪƵµÀÒ³ºÍÁбíÒ³µÄÍ·²¿ºÍµ×²¿¶¼ÊÇÒ»ÑùµÄ£¬Èç¹û½«Ã¿¸öÒ³Ãæ·ÅÔÚµ¥¶ÀµÄÒ³ÃæÖУ¬µ±Í·²¿ºÍµ×²¿ÐèÒª¸ü¸Äʱά»¤Á¿Ì«´ó¡£ÓÚÊÇÏë°ÑÍ·²¿ºÍµ×²¿×ö³Éĸ°æÒ³£¬ÆµµÀÒ³ºÍÁбíÒ³µÄ¾ßÌåÄÚÈݷŵ½ÄÚÈÝÒ³ÖС£ÕâÑùµ±Í·ºÍµ×ÐèÒª¸Ä¶¯Ê±£¬Ö»ÒªÐÞ¸ÄÒ»ÏÂĸ°æÒ³¾Í¿ÉÒÔÁË¡£
ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²½Ó×ÅÀ´Á ......