Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

css div ÏÂÀ­²Ëµ¥

Ô­Ñùʽ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</title>
<style type="text/css">
.menu {
font-family: verdana, sans-serif;
width:750px;
position:relative;
font-size:0.85em;
padding-bottom:250px;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#000;
width:139px;
height:3em;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#dfc184;
padding-left:10px;
line-height:3em;
}
* html .menu ul li a, .menu ul li a:visited {
width:149px;
w\idth:139px;
}
.menu ul li ul {
display: none;
}
table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}
/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff;
background:#bd8d5e;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:3em;
margin-top:1px;
left:0;
width:150px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;
background:#faeec7;
color:#000;
height:auto;
line-height:1.2em;
padding:5px 10px;
width:129px
}
.menu ul li:hover ul li a.drop {
background:#c9c9a7;
}
.menu ul li:hover ul li a:hover {
background:#c9c9a7;
color:#000;
}
.menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:150px;
top:0;
width:150px;
}
.menu ul li:hover ul li:hover ul.left {
left:-150px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
.menu ul li a:hover {
color:#fff;
background:#bd8d5e;
}
.menu ul li a:hover ul {
display:block;
position:absolute;
top:3em;
left:0;
background:#fff;
margin-top:0;
marg\in-top:1


Ïà¹ØÎĵµ£º

CSSÑùʽÎļþÓÅ»¯ ¸üÕû½à¶øÇåÎú


CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆΪCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙCSSÎļþµÄ
´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö׶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄ
ʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶÓÆäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òÐ ......

DIV+CSSÉñ»°

×÷Ϊһ¸öÉí´¦ 2009ÄêµÄ Web Éè¼Æʦ£¬ÄãÊÇ·ñºÃÒâ˼³ÐÈÏ×Ô¼ºµÄ´úÂëÖÐʹÓÃÁË Table£¬Èç¹ûÊÇ£¬ÄãÊÇÒ»¸öÓÐÓÂÆøµÄÈË£¬
Web Éè¼ÆÊǸöÆæ¹ÖµÄÐÐÒµ£¬Äã¿ÉÒÔ½«×Ô¼ºµÄÍøÕ¾Éè¼ÆµÃÏñÍí±¨µÄ·ÖÀà¹ã¸æ£¬»òÕßÂ¥µÀÀïµÄ¿ªËø¹ã¸æ£¬µ«Ç§Íò±ðÈÃÈËÖªµÀ
ÄãʹÓÃÁË Table£¬ÔÚÄãµÄÔ´´úÂëÖз¢ÏÖ Table ¾ÍÏñÒ»¸öÏúÊÛ±»ÈËÏÆÆð¿ã½Å·¢ÏÖ´©ÁË°×Íà×ÓÒ»Ñù¡£
T ......

IE6²»½âÎöijЩCSS´úÂëµÄ½â¾ö·½·¨

ÍøÒ³²ÉÓÃÁË UTF-8 ±àÂë¸ñʽ£¬Õâ±¾À´Ã»ÓÐÎÊÌ⣬ÎÊÌâÊÇÍⲿ CSS ÎļþĬÈÏÊÇ ANSI ±àÂ룬²¢Ã»Óб£´æΪ UTF-8 ¸ñʽ¡£¿ÉÄÜÄã»á·¢ÏÖÔÚÒ»°ãÇé¿öÏÂÕâÑùÒ²ÊÇûÓÐÎÊÌâµÄ£¬È»¶øµ± CSS ÎļþÖаüº¬ÓÐÖÐÎÄ×¢ÊÍʱ¾Í¿ÉÄܲ»¾¡ÈçÈËÒâÁË£¡
¡¡¡¡¹À¼ÆÊÇ IE6 °æ±¾ÒÔϵÄä¯ÀÀÆ÷ÔÚ½âÎöÕâ¸ö CSS ÎļþʱÒòΪ±àÂëÎÊÌâ¶øÎÞ·¨ÕýÈ·½âÎö£¬ËùÒԲŻᷢÉú CSS ......

ͨ¹ýʹҳÃ涯̬¼ÓÔز»Í¬CSSʵÏÖ¶à½çÃæ

 Í¨¹ýʹҳÃ涯̬¼ÓÔز»Í¬CSSʵÏÖ¶à½çÃæ
·½·¨Ò»:
<%@page language="C#"%>
<%@import namespace="System.Data"%>
<script language="c#" runat="server">
public void page_load(Object obj,EventArgs e)
{
//´´½¨·þÎñÆ÷¶Ë¿Ø¼þ.
//Ö¸¶¨µÄ±ê¼Ç"LINK"³õʼ»¯´ËÀàµÄÐÂʵÀý.
HtmlGeneric ......

css¾­µäÑùʽ

Ò» CSSÎÄ×ÖÊôÐÔ£º
color : #999999; /*ÎÄ×ÖÑÕÉ«*/
font-family : ËÎÌå,sans-serif; /*ÎÄ×Ö×ÖÌå*/ 
font-size : 9pt; /*ÎÄ×Ö´óС*/ 
font-style:itelic; /*ÎÄ×ÖбÌå*/ 
font-variant:small-caps; /*С×ÖÌå*/ 
letter-spacing : 1pt; /*×Ö¼ä¾àÀë*/ 
line-height : 200%; /*ÉèÖÃÐиß*/  ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ