菜单css中div的class与ul的class区别
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">心情日记</a></li>
<li><a href="#">FREE</a></li>
<li><a href="#">一起走到</a></li>
<li><a href="#">从明天起</a></li>
<li><a href="#">纸飞机</a></li>
<li><a href="#">下一站</a></li>
</ul>
</div>
其中,什么属性放在 #menu {}中,什么放在 #menu ul中,什么放在#menu li中? 三者的作用都是什么? 比如, #menu li a: hover{} 放在#menu ul中肯定无效。
答案:CSS中
id是针对页面中唯一的一个标签的如你代码中的<div id="menu"></div>
class是针对页面中所有出现该class的标签<div class="menu"></div><ul class="menu"></ul>
#menu {} 是为id为#menu的标签定义样式
#menu ul{}是为id为#menu的标签下的<ul></ul>标签定义样式
#menu li{}是为id为#menu的标签下的<li></li>标签定义样式
#menu li a: hover{} 是为id为#menu的标签下的<li></li>标签下的<a></a>标签定义活动样式
每个样式都是有针对性的,乱放肯定会没用,比如 #menu li a: hover{} ,如果 是为id为#menu的标签下的<li></li>标签下没有<a></a>标签,那这个样式就没用任何的用
其他:区别只要名字不同就可以了 里面属性 用到什么需要放什么就放 没什么特殊限制
建议你看下手册 这你自己依照一大堆的东西 要学会自己学习 一般#menu 里定义全局的属性 比如平铺背景 总体宽高位置 ul外的div可以合并,id加在ul上 也可以独立出来 那么ul主要就设置相对div外层的补丁之类的 ul li主要是每个按钮的样式,包括字体内外补丁背景 一般float:left;display:block;设成块级浮动元素排列 不懂在问吧 主要自己学习才能提高
上一个:div 加背景 不用CSS
下一个:web系统(B/S)中用js刷新页面后css页面有轻微变化,求原因!!