📄 stylesheet1.css
字号:
body
{
.menu{font-size:12px;position:relative;z-index:100;}
.menu ul{list-style:none;}
.menu li {float:left;position:relative;}
.menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;}
.menu table {position:absolute; top:0; left:0;}
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}
.menu a{display:block;border:1px solid #aaa;background:red;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;}
.menu a:hover{background:#f2cdb0;color:#f00;border:1px solid red;}
.menu ul ul{}
.menu ul ul li {clear:both;text-align:left;font-size:12px;}
.menu ul ul li a{display:block;width:100px;height:13px;margin:0;border:0;border-bottom:1px solid red;}
.menu ul ul li a:hover{border:0;background:#f2cdb0;border-bottom:1px solid #fff;}
</style>
<script id="clientEventHandlersJS" language="javascript">
<!--
function A1_onclick() {
}
//-->
</script>
</head>
<body>
<div class="menu">
<ul>
<li>
<a href="">XHTML/CSS<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">标准</a></li>
<li>
<a href="">技术文章</a> <a href="">教程</a></li>
<li>
<a href="">常见问题</a></li>
<li>
<a href="">布局教程专题</a></li>
<li>
<a href="">CSS菜单</a></li>
<li>
<a href="">浏览器兼容</a></li>
<li>
<a href="">滚动条相关</a></li>
<li>
<a href="">圆角矩形专题</a></li>
<li>
<a href="">CSS特效欣赏专题</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">Ajax<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">AJAX教程</a></li>
<li>
<a href="">AJAX技术</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">javascript<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">JSON</a></li>
<li>
<a href="">技术文章</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">DOM<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<table>
<tbody>
<tr>
<td><![endif]-->
<ul>
<li>
<a href="WebForm3.aspx" target=p_content>DOM技术</a>
</li>
<li>
<a href="bb.htm">DOM应用</a>
</li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">XML</a></li>
<li>
<a href="">正则表达式<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">正则表达式简介</a></li>
<li>
<a href="">正则表达式之道</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">网站优化</a></li>
<li>
<a href="">电脑网络</a></li>
<li>
<a href="">建站技术<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">PHP</a></li>
<li>
<a href="">ASP</a></li>
<li>
<a href="">ASP.NET</a></li>
<li>
<a href="">JSP</a></li>
<li>
<a href="">SQL</a></li>
<li>
<a href="">Flash</a></li>
<li>
<a href="" id="A1" onclick="return A1_onclick()">Dreamweaver</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
</ul>
</div>
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -