用<ul>设置导航 说明: #menu ul {list-style:none;margin:0px;} list-style:none,这一句是取消列表前点,因为我们不需要这些点。 margin:0px,这一句是删除UL的缩进,这样做可以使所有的列表内容 ...
转自新浪博客http: blog.sina.com.cn u ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list style type属性 list style image属性 list style position属性和list style属性。 一 list style type属性 list style type属性是用来定义li列表的项目 ...
2015-02-11 09:04 0 7578 推荐指数:
用<ul>设置导航 说明: #menu ul {list-style:none;margin:0px;} list-style:none,这一句是取消列表前点,因为我们不需要这些点。 margin:0px,这一句是删除UL的缩进,这样做可以使所有的列表内容 ...
代码如下: <div id="menu"> <ul> <li><a href="#">首页</a></li> <li class="menuDiv"></li> <li ...
css中用list-style-type指定列表(lists)前面符号,如下: li {list-style-type:符号名称} 符号名称可用的值为: disc : CSS1 实心圆 circle : CSS1 空心圆 square : CSS1 实心方块 decimal : CSS ...
ul li :后代选择器,ul 里所有的 li 元素,包括 ol 里的 li ; ul>li :子代选择器,下一级的DOM节点,不包括 ol 里的 li 。 ul>ol>li :子代选择器必须一代接一代。 ...
很多时候我们都需要多对列表元素进行初始化,方法是给列表元素添加list-style-type: none,但作为小白的我是经常纠结一个问题:是把它加在ul中还是li中呢 我试了一下,加在ul和li都能达到同样的效果,如下 把list-style-type: none加在li ...
<style> li:nth-of-type(odd){ margin-left: 5px;}奇数行 li:nth-of-type(even){margin-left: 5px;}偶数行 </style> <ul ...
响应式布局中宽度与高度相同 纯css方法设置ul中li宽高相等 关键词:VW / VH vw:视窗的宽度 vh:视窗的高度 思路:根据vw获取视图宽度从而设置li的宽度等于高度 代码: <li> <div class="test"> ...
nav>ul只选择nav下一级里面的ul元素,例如上面dom结构里id为a的ul。 nav ul选择nav内所包含的所有ul元素,例如上面dom结构里面id为a、b、c的全部ul。 nav>ul比nav ul限定更严格,必须后面的元素只比前面的低一个级别。 ...