jquery+css Íê³É½ø¶ÈÌõ¹¦ÄÜ
½ñÌì¿´µ½Ò»ÆªÎÄÕÂÊÇcss´òÔì½ø¶ÈÌõ¡£È»ºó×Ô¼º×ö³É¶¯Ì¬µÄ½ø¶ÈÌõ£¬Í¬Ñù£¬Ê¹Óõ½cssºÍjauery£¬Çë¿´£º
1 Ê×ÏÈ£¬ÐèÒªÒýÈëjquery.jsÎļþ¡£
<script src="Content/jquery.js" type="text/javascript"></script>
2 ËùÓõ½µÄÑùʽ²¿·Ö£º
<style>
.graph {
position: relative;
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
margin-bottom: .5em;
}
.graph .bar {
display: block;
position: relative;
background: #37709B;
text-align: left;
&
Ïà¹ØÎĵµ£º
1¡¢CSSµÄÓï·¨ÊÇÕâÑùµÄ£ºselector {property: value}
selector-Ñ¡ÔñÆ÷£¨±ÈÈçbody¡¢div¡¢h2……£©
property-ÊôÐÔ £¨±ÈÈçbackground-color¡¢hidden¡¢text-align……£©
value-Öµ£¨±ÈÈçyellow¡¢blue¡¢12px¡¢center……£©
[×¢]£º
a¡¢³ýidÍâ´óСд²»Ãô¸Ð
b¡¢value´æÔÚ¶à¸öµ¥´Êʱ£¬ÒªÓÃÒ ......
Css´úÂë
1.line-height:24px;
line-height:24px;
ʹÓù̶¨¿í¶ÈµÄÈÝÆ÷²¢ÇÒÐèÒªÒ»Ðд¹Ö±¾ÓÖÐʱ£¬Ê¹Óà line-height ¼´¿É£¨¸ß¶ÈÓ븸²ãÈÝÆ÷Ò»Ö£©£¬¸ü¶àµÄ´¹Ö±¾ÓÖÐ×ܽá¿ÉÒÔ¿´ÕâÀï¡£
Çå³ýÈÝÆ÷¸¡¶¯
Css´úÂë
1.#main {
2. overflow:hidden;
3.}
#ma ......
CSS HackËÙ¼Ç: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 ±ØÐë±£Ö¤HTML¶¥²¿ÓÐÈçÏÂÉùÃ÷:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ʾÀý height:100px;¡¾FF¡¿ ......
1¡¢IEÓëFirefox϶ÔCSS½âÎöµÄÇø±ð
¶Ô¸ß¶ÈµÄ½âÎö
IE£º½«¸ù¾ÝÄÚÈݵĸ߶ȱ仯£¬°üÀ¨Î´¶¨Òå¸ß¶ÈµÄͼƬÄÚÈÝ£¬¼´Ê¹¶¨ÒåÁ˸߶ȣ¬µ±ÄÚÈݳ¬¹ý¸ß¶Èʱ£¬½«Ê¹ÓÃʵ¼Ê¸ß¶È
Firefox£ºÃ»Óж¨Òå¸ß¶Èʱ£¬Èç¹ûÄÚÈÝÖаüÀ¨ÁËͼƬÄÚÈÝ£¬MFµÄ¸ß¶È½âÎöÊǸù¾ÝÓ¡Ë¢±ê×¼£¬ÕâÑù¾Í»áÔì³ÉºÍʵ¼ÊÄÚÈݸ߶Ȳ»·ûºÏµÄÇé¿ö£»µ±¶¨ÒåÁ˸߶ȣ¬µ«ÊÇÄÚÈݳ¬¹ý¸ß¶Èʱ ......