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;
&
Ïà¹ØÎĵµ£º
ÐÕÃû£ºÀÖÀÖ---ÀÖcss-lecss
ÍŶӿª·¢×öµÄ¡£±¾È˸ºÔðµÄÒ³ÃæÒÔ¼°ÅÅ°æÖ®ÀàµÄ£¬ÓÐÐËȤµÄ¿ÉÒÔÈ¥ÍøÕ¾ÉÏתÓÆתÓÆÏ¡£¡£
ÌìÌÃÍø£º
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx
ÀÏÈËÍø£º
www.laoren.cn
--
Éè¼Æ¹ý³ÌÄÇÊÇÒ»ÖÖÂþ³¤¶ø°º¹óµÄÕÛÄ¥..¡£
--
ÎÒÂùϲ»¶CSSµÄ£¬¿ÉÊÇÈ´Ò²¶ÔËüºÜ·³ÄÕ£¬ÓÐ ......
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 ......
<!---------<html>
<head>
<style type="text/css">
.tabheader table {
border-collapse: collapse; /* for IE */
border-spacing: 0; /* for N6 */
}
.tabheader table tr td {mar ......
CSSÑ¡ÔñÆ÷±Ê¼Ç
²Î¿¼ÍøÖ·£º456 Berea Street
Ò»¡¢»ù±¾Ñ¡ÔñÆ÷
ÐòºÅ
Ñ¡ÔñÆ÷
º¬Òå
1.
*
ͨÓÃÔªËØÑ¡ÔñÆ÷£¬Æ¥ÅäÈκÎÔªËØ
2.
E
±êÇ©Ñ¡ÔñÆ÷£¬Æ¥ÅäËùÓÐʹÓÃE±êÇ©µÄÔªËØ
3.
.info
classÑ¡ÔñÆ÷£¬Æ¥ÅäËùÓÐclassÊôÐÔÖаüº¬infoµÄÔªËØ
4.
#footer
idÑ¡ÔñÆ÷£¬Æ¥ÅäËùÓÐidÊôÐÔµÈÓÚfooterµÄÔªËØ
ʵÀý£º
* { margin:0; ......