CSSµÄ¼¸ÖÖÑ¡Ôñ·û
Ó¦ÓÃÑùʽµÄ·½·¨ÓÐÈýÖÖ£ºÍⲿ(external)¡¢ÄÚ²¿(internal)ºÍÄÚÁª(inline)¡£ÆäÖÐǰÁ½ÕߵĻù±¾¸ñʽΪ£º
selector { property £º value£» }
CSSÖпÉÒÔʹÓò»Í¬µÄselector(Ñ¡Ôñ·û)À´Ó¦ÓÃÑùʽ£¬ÈçÏ£º
1.
ÀàÐÍÑ¡Ôñ·û
p{
color : blue ;
}
½«ÑùʽӦÓÃÓÚËùÓÐ<p>ÔªËØ¡£
NB£ºÓÐÐ©ÔªËØ»á¼Ì³Ð¸¸ÔªËصÄÊôÐÔÖµ¡£ÀýÈ磬¶ÎÂäÀïµÄÎÄ×Ö±»ÉèΪÀ¶É«£¬Ôò¸Ã¶ÎÂäÀïemÔªËØÄÚµÄÎÄ×ÖÑÕɫҲÊÇÀ¶É«¡£
2.ÀàÑ¡Ôñ·û
.warning{
font-weight : bold ;
}
<ul>
&n
Ïà¹ØÎĵµ£º
²é¿´ÔÎÄ£ºhttp://www.csswang.com/css/110.html
µ¼º½½á¹¹ÔÚÍøÕ¾Éè¼ÆÖÐÊÇÆðµ½¾ö¶¨ÐÔ×÷Óõ쬵¼º½²Ëµ¥/À¸³£³£Í¨¹ýÑÕÉ«¡¢ÅŰ桢ÐÎ×´ºÍһЩͼƬÀ´°ïÖúÍøÕ¾´´Ôì¸üºÃµÄÊÓ¾õºÍ¸ÐÊÜ£¬ËüÊÇÍøÒ³Éè¼ÆµÄ¹Ø¼üÔªËØ¡£
¡¡¡¡ËäÈ»ÍøÕ¾µ¼º½²Ëµ¥µÄÍâ¹ÛÊÇÍøÒ³Éè¼ÆÖйØÏµµ½Õû¸öÉè¼Æ³É°ÜÓë·ñµÄ¹Ø¼ü£¬µ«ÊÓ¾õЧ¹ûÒ²²»ÄÜÓ°Ïìµ½ÍøÕ¾¿ÉÓÃÐÔ¡£×îÀíÏëµÄ ......
1.»ù±¾Óï·¨£º
Ñ¡Ôñ·ûÃû×Ö { ÉùÃ÷; }
Ñ¡Ôñ·ûÃû×ÖÃüÃû¹æÔò£º
CSSÑ¡Ôñ·û¿ÉÒÔʹÓÃÓ¢ÎÄ×ÖĸµÄ´óдÓëСд,Êý×Ö,Á¬×ÖºÅ,Ï»®Ïß,ðºÅ,¾äºÅ.
2.·ÖÀࣺ
ÔÚAndy BuddµÄ¡¶CSS MASTERY¡·£¨ÖÐÒë¡¶¾«Í¨CSS¡·£©ÖУ¬½«CSSÑ¡Ôñ·û·ÖΪ£º³£ÓÃÑ¡Ôñ·û¡¢Í¨ÓÃÑ¡Ôñ·ûºÍ¸ß¼¶Ñ¡Ôñ·û¡£³£ÓÃÑ¡Ôñ·û°üÀ¨£ºÀàÐÍÑ¡Ôñ·û¡¢ÀàÑ¡Ôñ·û¡¢IDÑ¡Ôñ·û¡¢ºó´ ......
Ò»¡¢Ê²Ã´ÊÇDIV+CSS£¿
“DIV + CSS” ÊÇ×îÐÂWEB±ê×¼µÄÒ»¸öµäÐ͵ÄÓ¦Óá£
Ò»°ãÀ´Ëµ£¬ÍøÒ³Ö÷ÒªÓÉÈý²¿·Ö×é³É£º½á¹¹£¨Structure£©¡¢±íÏÖ£¨Presentation£©ºÍÐÐΪ£¨Behavior£©µÈ¡£ ½á¹¹Ö÷Òª°üÀ¨ÀýÈçDIVÔÚÄÚµÄһϵÁеÄHTML(XHTML)±êÇ©£¬±íÏÖÖ÷Òª°üÀ¨CSS£¨²ãµþÑùʽ±í£ºCascading Style Sheets£©£¬ ÐÐΪÖ÷Òª°üÀ¨ÀýÈç¶ÔÏóÄ£ ......
<!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; charse ......
text-align ˮƽ¶ÔÆë right left center
vertical-align ´¹Ö±¶ÔÆë top middle bottom
ÊôÐÔ£º
AbsBottom ͼÏñµÄϱßÔµÓëͬһÐÐÖÐ×î´óÔªËØµÄϱßÔµ¶ÔÆë¡£
AbsMiddle ͼÏñµÄÖмäÓëͬһÐÐÖÐ×î´óÔªËØµÄÖмä¶ÔÆë¡£
Baseline ͼÏñµÄϱßÔµÓëµÚÒ»ÐÐÎı¾µÄϱßÔµ¶ÔÆë¡£
Bottom ͼÏñµÄϱßÔµÓëµÚÒ»ÐÐÎı¾µÄϱ ......