¹ØÓÚcss¼Ì³ÐÎÊÌâ - Web ¿ª·¢ / HTML(CSS)
CSS code:
a.nav_services:link, a.nav_services:visited
cssÖеļ̳ÐÔõôÀí½â
ÄãÕâ¸ö²»ÊǼ̳У¬ÊÇÑ¡ÔñÆ÷·Ö×é
¶ººÅ·Ö¸ôµÄÑ¡ÔñÆ÷¶¨ÒåÏàͬµÄcss¹æÔò
Ëùν¼Ì³Ð£¬¾ÍÊǸ¸ÔªËصĹæÔòÒ²»áÊÊÓÃÓÚ×ÓÔªËØ¡£±ÈÈç¸øbodyÉèÖÃΪcolor:Red;ÄÇôËûÄÚ²¿µÄÔªËØÈç¹ûûÓÐÆäËûµÄ¹æÔòÉèÖã¬Ò²¶¼»á±ä³ÉºìÉ«¡£¼Ì³ÐµÃÀ´µÄ¹æÔòûÓÐÌØÊâÐÔ¡£ÏÂÃæ¿´Ò»¸ö¼òµ¥µÄÀý×Ó£º
HTML code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Cascade</title>
<style type="text/css">
*{color:Blue;}
div{color:Black;}
.imp{color:Red !important;}
#content{color:Green;}
</style>
</head>
<body>
<div>Hello <span>52CSS.com</span> </div>
<div id="content">
<p class="imp">Title</p>
Content Goes Here.
</div>
</body>
</html>
×¢Ò⣬µÚÒ»ÐеÄCss²¢Ã»Óм̳ÐdivµÄºÚÉ«£¬ÕâÊÇÒòΪͨÅä·ûµÄÔµ¹Ê¡£Í¨Åä·ûµÄÌØÊâÐÔËäÈ»ÊÇÈ«0£¬µ«ÊÇ»¹ÊDZȼ̳еÄÌØÊâÐÔÒª¸ß¡£µÚ¶þÐÐչʾÁË!important±ê¼ÇµÄ×÷Óá£
¡¡¡¡ÁíÍ⣬һЩÃ÷ÏÔ²»Ó¦¸Ã¼Ì³ÐµÄÊôÐÔ£¬±ÈÈçborder,margin,paddingÖ®ÀàµÄÊDz»»á±»¼Ì³ÐµÄ
¸ÐлÉϱߵĻشð Ôõô½âÊÍÑ¡ÔñÆ÷·Ö×é
ÄØ£¿
Ïà¹ØÎÊ´ð£º
JSPÉú³ÉHTML¾²Ì¬Ò³Ãæ
1.ÓдúÂëµÄÅóÓÑÌù¸ö´úÂë
2.ÓеĺõÄÉú³É·½°¸Ëµ¸ö·½°¸
¹ýÄê·Å¸öÅÚ ×£ºØ×£ºØ£¡
JSPÉú³É¾²Ì¬Ò³Ã棿£¿£¿
»¹ÒªÓ÷½°¸£¿£¿£¿
²»Ã÷°×
ÒýÓÃ
JSPÉú³É¾²Ì¬Ò³Ã棿£¿£¿
»¹ÒªÓ÷½°¸£¿£¿£¿
²»Ã÷ ......
display:inline-block;
overflow:hidden;£¨ÍøÂçÉϲéÕÒÊÇÓ°²ØÒç³ö£¬µ«ÊDzâÊÔÆðÀ´¸Ð¾õ²»Ì«Ã÷°×£©
position:relative;£¨¾ø¶Ô¶¨Î»£¬²»ÖªµÀ¶Ô²»¶Ô£©
position:absolute;
ÕâËĸöÊôÐÔÔÚCSSÀïÃæ³öÏÖƵÂʱȽϸߣ¬¸ßÊÖÖ¸µã ......
ÓÃcssËõд ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHT ......
jsp Ò³ÃæÓÃdiv ¼Ó css£¨µ¼ÈëµÄ£© ËùÓеÄdiv Ñùʽ¶¼²»ºÃʹÊÇÔõô»ØÊ£¿
ÏàͬµÄÑùʽ·Åµ½<td>ÉϾͺÃʹ£¡
1.css
.menud {
height: 29px;
width: 960px;
top: 10px;
color: #FFFFFF;
word-spacing: 6p ......
ÎÒͨ¹ý BACKGROUND: url(images/s.gif) no-repeat 0px 0px; µ÷Õûµ½Í¼Æ¬µÄλ×ÓÕýºÃµÄʱºò¡£¿ÉÊÇͼƬ»á¸ù¾Ýä¯ÀÀÆ÷´°¿ÚµÄ´óС²»¹Ì¶¨¡£
Ç뿴ͼ
A:hover {
COLOR: #1e50c1; TEXT-DECORATION: underline; ......