取消UL和OL符号以及padding和margin后恢复默认值的CSS

原文：https://www.cnblogs.com/zhaiqianfeng/archive/2012/06/28/4616645.html

之前取消UL和OL符号以及padding和margin，CSS代码如下：

ul,ol{list-style:none; margin:0px; padding:0px;}

但想恢复默认确费了点力气！

先解释一下为什么要取消：

ul,ol开头这样写就是控制所有的ul和ol
list-style:none; 就是把列表的项目符号取消，不显示符号，因为在写导航的时候不用单独来取消，并且在输入文章列表的时候我也不想用默认的一个圆点。
margin:0px; 在IE里面列表默认有外边距，所以设置成0像素，方便控制。
padding:0px;在火狐里面列表默认有内边距，所以设置成0像素，也是未来方便控制。

因为我一开始就控制了所有的UL和OL，但是后来由于某种需求在某些地方又需要恢复为默认的样式，研究了很久终于搞定：

ul{list-style-type:disc; list-style-position:inside;}
ol{list-style-type:decimal; list-style-position:inside;}

再解释一下：

list-style-type:就是控制列表符号的意思上面的disc就是圆点下面的decimal就是阿拉伯数字开始以为这样就可以了，结果一浏览还是一样不会显示列表符号，最后才发现需要加上这一句
list-style-position:就是控制列表位置的意思 inside是列表缩进的意思因为之前把外边距和内边距都设成0像素了所以一定要加上这一句才能恢复到默认

这两句代码还可以简写，如下

ul{ list-style:disc inside;}
ol{ list-style:decimal inside;}

取消UL和OL符号以及padding和margin后恢复默认值的CSS相关推荐

html哪些标签可以用在制作列表中,用HTML列表标签ul、ol和dl制作菜单
近日,林柯想制作一份小菜单,经过沟通,木可用illustrator帮林柯完成了一份设计稿,效果如下: 菜单不过,怎么样用HTML实现这个效果图呢?木可把刚学会的ul.li和dl标签派上了用场,下面让 ...
简述html的3种列表uloldl,语义化HTML：ul、ol和dl
一.语义化元素 1. ul标签 W3C草案: The ul element represents an unordered list of items; that is, a list in whic ...
语义化HTML：ul、ol和dl
1. ul标签 W3C草案: The ul element represents an unordered list of items; that is, a list in which chan ...
HTML知识点总结之ul，ol，li标签
HTML列表分为有序列表,无序列表和描述列表.我们常用的是有序列表(ol)与无序列表(ul). 有序列表 <ol>标签就可以定义一个有序列表,之所以称其为有序列表,是因为可以使列表具有排序 ...
html中dl标签和ul标签,html中dl,dt,dd,ul,li,ol标签区别和使用
html中dl,dt,dd,ul,li,ol标签区别和使用时间:2013-04-12 21:48 来源:未知 | 作者:易享学习网 | 本文已影响人 ul: unordered lists ol: ...
标签ul与ol的区别及使用方法
ul是无序列表,所谓的无序列表只要举个例子,大家就会明白了. ●这是第一个列表 ●这是第二个列表 ●这是第三个列表 ol是有序列表,同样举个例子. 1.这是第一个 ...
lable、ul、ol、dl和table、fieldset标签
lable标签有时候,我们希望点击文件的时候,鼠标的光标自动跳到输出框中.这需要使用lable功能 <div><label for="name2">姓名: ...
dl,dt,dd,ul,li,ol区别
dl.dt.dd也是列表项,不过它们被忽视得比较厉害,人们只知道ul.ol.li,却经常漠视它们的存在,其实有时候,dl.dt.dd也是非常好用的,这两个家族是近亲,很多地方都是一模一样. dl类似u ...
ul 、ol li 继承原有样式的问题
如: 1.为什么我的服务器无法远程了? 2.为什么我的服务器总是自动重启? 3.为什么我的服务器总是自动重启? 以前写这种类型的列表,都是自己用键盘输入这些数字,其实不然,ul .ol li本身就自带 ...

取消UL和OL符号以及padding和margin后恢复默认值的CSS

取消UL和OL符号以及padding和margin后恢复默认值的CSS相关推荐

最新文章

热门文章