CSSÑùʽ±íÃüÃû¹æÔò
ÑùʽѡÔñ·ûÃüÃû
Ñ¡Ôñ·ûÒÔÀàÐÍ·Ö£¬Í¬Àà·ÅÒ»Æð£¬ÀàµÄ¶¨Òå˳ÐòÒÔHTMLÖÐʵ¼ÊµÄ˳ÐòΪ²Î¿¼£¬ÒÔ·½±ã²éÕÒΪÖ÷, ʹÓÃÀàËÆÏÂÃæµÄ¹æÔò:
[Ä£¿éǰ׺ | ÀàÐÍ | ×÷ÓÃ]_[Ãû³Æ]_[״̬ | λÖÃ]
Ô¼¶¨Ä£¿é¡¢ÀàÐÍ¡¢×´Ì¬¡¢Î»ÖõȵÄËùʹÓõĵ¥´Ê»òÆäËõд£¬±£³ÖÉÏÃæµÄ˳Ðò£¬¾¡Á¿±£³ÖÔÚÁ½µ½Èý¸öµ¥´Ê˵ÇåÓÃ;¡£
ͨÓÃÃû´ÊËõд
ÉèÖÃ
set
Îı¾
txt
³É¹¦
suc
ÑÕÉ«
c
Ìáʾ
hint
±³¾°
bg
²Ù×÷
op
±ß¿ò
bor
ÃÜÂë
pw
¾ÓÖÐ
center
²Ëµ¥
menu
ͼ±ê
icon
°´Å¥
btn
µ¯³ö
pop
Àý£º
Îı¾ÊäÈë¿ò .input_tx
ÃÜÂëÊäÈë¿ò .input_pw
µÇ¼ÃÜÂëÊäÈë¿ò .input_pw_login
ÈÕÖ¾ÉèÖóɹ¦Ìáʾ .hint_suc_blogset
Ïà²áµ¯³öµÄÉèÖòã .pop_set_photo
¹«¹²Ìáʾ .hint_bg
Îı¾ÑÕÉ« .c_tx
¶ÎÂäÎı¾ÑÕÉ« .c_tx_p
ÑùʽÊôÐÔÊéд˳Ðò
mozilla.org Base Styles
/Suggested order:
//ÏÔʾÊôÐÔ
//×ÔÉíÊôÐÔ
//Îı¾ÊôÐÔ
* display
* width
* color
* list-style
* height
* font
* position
* margin
* text-decoration
* float
* padding
* text-align
* clear
* border
* vertical-align
* background
* white-space
* other text
* content
´Ó±¾Öʵ½±íÏó£¬Ë³Ê±Õ룬´ÓÍâµ½ÄÚ£¬´ÓÉϵ½ÏÂ
/* 1¡¢±¾ÖÊ£ºÇåÀíÍⲿclear£¬ÏÔ²»ÏÔʾdisplay£¬ÊÇ·ñ¿É¼ûvisibility£¬Ê²Ã´×´Ì¬overflow£¬Ê²Ã´Î»ÖÃposition£¬ÔÚÄÄfloat…. */
clear; display; visibility; overflow; position; float; list-style; ….
/* 2¡¢×ÔÉí£º¶à¿íwidth£¬¶à¸ßheight£¬Ðиßline-height£¬¶ÔÍâmargin£¬¶ÔÄÚpadding…. */
width; height; line-height; margin; padding; ….
/* 3¡¢ÐÞÊΣº×ÖÌåfont£¬ÑÕÉ«color£¬Îı¾text£¬±ß¿òborder£¬±³¾°background…. */
font; color; text; border; background; ….
Ïà¹ØÎĵµ£º
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁ򵀮äËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......
CSS£¬²ãµþÑùʽ±íµÄ×÷ÓÃÊÇʲô£¿ÎÒÃÇÏÈͨ¹ýÒ»¸öÀý×ÓÀ´Ìå»áһϣº
¿´´úÂ룺
index.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=" ......
/*¿ØÖÆÍ¼Æ¬µÄ´óС*/
.contentimg{
max-width:600px;
/*max-height:100px;*/
}
*html.contentimg{
width:expression(this.width>50&&this.width>this.height?60:auto);
/*height:expresion(this.height>50?50:auto);
*/
}
µ÷ÓÃ
$("#"+id.substring(0,id.length-5)+"arCon"). ......
ÖÕÓÚ°ÑËüд³öÀ´ÁË¡£¹þ¹þ
<div style="width:100%;height:100%;position:relative;overflow:hidden;"
><br style="line-height:0;"
/><div style="position:relative;top:50%;left:50%;"><br style="line-height:0;"
/><div style ......