CSS调整 - Web 开发 / ASP
我现在想做一个两行一列的<DIV id ="header">
在左边<div id="left">放logo.gif
右边的<div id="right">里,放三行.
<div menu>
{
行一,要用<ul><li>
行二,也要用ul
行三,显示其它内容
}
我现在想实现上面的{}里面的东西.请帮我写一写.我现在初学css搞到头都晕了.
----------------------------------
.amenuDiv {width:18px;height:17px;background:#fff}
#amenu {float:right;padding:8px 8px 0 0;border: 1px solid #A9C9E2;margin-left:auto;margin-right:auto;width:700px;}
#amenu ul {float:right;list-style:none;margin:0px;padding:8px 8px 0 0;}
#amenu ul li {float:left;margin:0 0px;display:block;line-height:18px;width:83px}
#amenu ul li a:link,#menu ul li a:visited {font-weight:none;color:#666}
#amenu ul li a:hover{}
-------------------------------------
<div id="amenu">
<ul>
<li class="amenuDiv"><img src="images/mu1.gif"></li>
<li><a href="default.asp" >首页</a></li>
<li><a href="about.asp" onMouseOver="expandcontent('sc2', this)" >公司</a></li>
<li><a href="news.asp" onMouseOver="expandcontent('sc2', this)">新闻</a></li>
<li>&
相关问答:
.css1 .css2 #objid {OVERFLOW: scroll;...}
.css1 .css3 {...}
把具有共同样式的写到一起了 好维护
中间无逗号,属于样式嵌套
样式的共同的地方写在一起,可以省掉不必要的代码行~
这个就是代码 ......
li {cursor: default;display: block; white-space: nowrap;height: 16px;text-decoration: none;padding-top:3px;outline: none;}
<ul id="red" class="treeview-red">
<li>&l ......
用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。
二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HT ......
我通过 BACKGROUND: url(images/s.gif) no-repeat 0px 0px; 调整到图片的位子正好的时候。可是图片会根据浏览器窗口的大小不固定。
请看图
A:hover {
COLOR: #1e50c1; TEXT-DECORATION: underline; ......
特此声明:非诚勿扰!灌水的别来!
本人最近在制作一个导航条,出现一个问题:大家知道hover是当鼠标移到链接上的时候出现的样式,我的背景放在一个DIV层中(id="menus"),背景是通过CSS控制的图片(men ......