J2meÖÐcss½âÎö
J2meÖÐcss½âÎö
×î½ü×öÊÖ»úä¯ÀÀÆ÷ÏîÄ¿ÖеÄCSSÄ£¿é¡£¶Ô½âÎöcssÓÐÁ˸öÕûÌåÈÏʶ¡£ÏÖ×ܽáÈçÏ£º
Ê×ÏÈ£¬¼òµ¥µÄ½éÉÜÏÂCSS £º
CSS Ö¸²ãµþÑùʽ±í (Cascading Style Sheets)
CSS Óï·¨ÓÉÈý²¿·Ö¹¹³É£ºÑ¡ÔñÆ÷¡¢ÊôÐÔºÍÖµ£ºselector {property: value}
Ñ¡ÔñÆ÷ (selector) ͨ³£ÊÇÄãÏ£Íû¶¨ÒåµÄ HTML ÔªËØ»ò±êÇ©£¬ÊôÐÔ (property) ÊÇÄãÏ£Íû¸Ä±äµÄÊôÐÔ£¬²¢ÇÒÿ¸öÊôÐÔ¶¼ÓÐÒ»¸öÖµ¡£ÊôÐÔºÍÖµ±»Ã°ºÅ·Ö¿ª£¬²¢ÓÉ»¨À¨ºÅ°üΧ£¬ÕâÑù¾Í×é³ÉÁËÒ»¸öÍêÕûµÄÑùʽÉùÃ÷£¨declaration£©£º
body {color: blue}
ÉÏÃæÕâÐдúÂëµÄ×÷ÓÃÊǽ« body ÔªËØÄÚµÄÎÄ×ÖÑÕÉ«¶¨ÒåΪÀ¶É«¡£ÔÚÉÏÊöÀý×ÓÖУ¬body ÊÇÑ¡ÔñÆ÷£¬¶ø°üÀ¨ÔÚ»¨À¨ºÅÄڵĵIJ¿·ÖÊÇÉùÃ÷¡£ÉùÃ÷ÒÀ´ÎÓÉÁ½²¿·Ö¹¹³É£ºÊôÐÔºÍÖµ£¬color ΪÊôÐÔ£¬blue Ϊֵ¡£
CSSÖ÷Òª¿ÉÒÔ´ÓIDÑ¡ÔñÆ÷ºÍ classÑ¡ÔñÆ÷È¥Ñо¿£º
Ò»£ºid Ñ¡ÔñÆ÷
id Ñ¡ÔñÆ÷¿ÉÒÔΪ±êÓÐÌض¨ id µÄ HTML ÔªËØÖ¸¶¨Ìض¨µÄÑùʽ¡£id Ñ¡ÔñÆ÷ÒÔ "#" À´¶¨Òå¡£ÏÂÃæµÄÁ½¸ö id Ñ¡ÔñÆ÷£¬µÚÒ»¸ö¿ÉÒÔ¶¨ÒåÔªËصÄÑÕɫΪºìÉ«£¬µÚ¶þ¸ö¶¨ÒåÔªËصÄÑÕɫΪÂÌÉ«£º
#red {color:red;}
#green {color:green;}
ÏÂÃæµÄ HTML ´úÂëÖУ¬id ÊôÐÔΪ red µÄ p ÔªËØÏÔʾΪºìÉ«£¬¶ø id ÊôÐÔΪ green µÄ p ÔªËØÏÔʾΪÂÌÉ«¡£
<p id="red">Õâ¸ö¶ÎÂäÊǺìÉ«¡£</p>
<p id="green">Õâ¸ö¶ÎÂäÊÇÂÌÉ«¡£</p>
1£®IdÑ¡ÔñÆ÷ºÍÅÉÉúÑ¡ÔñÆ÷£º
ÔÚÏÖ´ú²¼¾ÖÖУ¬id Ñ¡ÔñÆ÷³£³£ÓÃÓÚ½¨Á¢ÅÉÉúÑ¡ÔñÆ÷¡£
#sidebar p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
ÉÏÃæµÄÑùʽֻ»áÓ¦ÓÃÓÚ³öÏÖÔÚ id ÊÇ sidebar µÄÔªËØÄڵĶÎÂä¡£Õâ¸öÔªËغܿÉÄÜÊÇ div »òÕßÊDZí¸ñµ¥Ôª¡£
¶þ£º classÀàÑ¡ÔñÆ÷
ÔÚ CSS ÖУ¬ÀàÑ¡ÔñÆ÷ÒÔÒ»¸öµãºÅÏÔʾ£º
.center {text-align: center}
ÔÚÉÏÃæµÄÀý×ÓÖУ¬ËùÓÐÓµÓÐ center ÀàµÄ HTML ÔªËؾùΪ¾ÓÖС£
1. classÅÉÉúÑ¡ÔñÆ÷£º
.fancy td {
color: #f60;
background: #666;
&nbs
Ïà¹ØÎĵµ£º
ÕâÊÇÎÒÔÚÒ»¸öÍøÕ¾ÉÏ¿´µ½µÄ,CSS¿ØÖÆÒ»¸ö²Ëµ¥,ºÜ¾µäʵÓÃ
CssÎļþÈçÏÂ:css.css
@charset "UTF-8";
/* navigation.css
$Revision: 1.0 $
(c) 2008 Fortinet, Inc. All rights reserved.
*/
/* Navigation Styles ------------------------------------------- */
#wrapper
{
width:1000px;margin:0 auto;
}
......
¾ø¶Ô¶¨Î»µÄÔªËصÄλÖÃÏà¶ÔÓÚ×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬Èç¹ûÔªËØûÓÐÒѶ¨Î»µÄ×æÏÈÔªËØ£¬ÄÇôËüµÄλÖÃÏà¶ÔÓÚ×î³õµÄ°üº¬¿é¡£
¶ÔÓÚ¶¨Î»µÄÖ÷ÒªÎÊÌâÊÇÒª¼ÇסÿÖÖ¶¨Î»µÄÒâÒå¡£ËùÒÔ£¬ÏÖÔÚÈÃÎÒÃǸ´Ï°Ò»ÏÂѧ¹ýµÄ֪ʶ°É£ºÏà¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”ÔªËØÔÚÎĵµÖеijõʼλÖ㬶ø¾ø¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬ ......
ÎÒËùÓõÄÖ÷ÌâfstosÔÚÖÆ×÷ºÍ²âÊԽ׶ζ¼ÓõÄie6£¬ÒòΪÊDzÎÕÕwordpress×Ô´øµÄ¼¸¸öÖ÷ÌâдµÄ£¬µ±Ê±Ã»Óп¼ÂÇcssµÄ¼æÈÝÐÔÎÊÌ⣬·¸ÁË“´óÔ¾½ø”´íÎó£¨ÓÃfirefoxä¯ÀÀ¼òÖ±ÊDzҲ»È̶ã©£¬µ«ÓÉÓÚ¹¤×÷ºÜæҲûÓÐʱ¼äÐÞÀíËü¡£ÕâÁ½Ìì³éÁËЩʱ¼äºÃºÃ¶ÔËûÀ´Á˸ö´óÇåÀí£¬³ö˳±ã½«ÎÒÓöµ½µÄÖ÷ÒªÎÊÌâ×ܽáһϣ¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
¡ ......
Òª×ö¸öBSµÄÍøÕ¾ÏîÄ¿£¬¶ñ²¹Ò»ÏÂCSS¡£
CSS³£ÓÃÊôÐÔ£º
×ÖÌåÊôÐÔ
£º(font)
´óС font-size: x-large;(ÌØ´ó) xx-small;(¼«Ð¡) Ò»°ãÖÐÎÄÓò»µ½£¬Ö»ÒªÓÃÊýÖµ¾Í¿ÉÒÔ£¬µ¥Î»£ºPX¡¢PD
Ñùʽ font-style: oblique;(ƫбÌå) italic;(бÌå) normal;(Õý³£)
ÐÐ¸ß line-height: normal;(Õý³£) µ¥Î»£ºPX¡¢PD¡¢EM
´Öϸ font-weight: bold ......