html中取消ol的123,CSS取消UL和OL符号之后怎样再单独恢
复默认
由于在设计初期没有考虑周全，我在CSS⾥⾯⼀开始就把UL和OL列表项⽬符号取消了，并且把外边距和内边距都设成了0px，但是我今天写⽂章的时候使⽤OL列表,⽣成⽂章才发现没有符号，告诉你我怎么解决的。
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，但是我发布⽂章的时候需要⽤有项⽬符号的列表才直观，研究了很久终于搞定，现在说⼀下：
我的⽂章内容是放在
id="content">这⾥的
，那么就在CSS⾥⾯加上
#content ul{list-style-type:disc;
list-style-position:inside;}
#content ol{list-style-type:decimal;
list-style-position:inside;}
再解释⼀下这两句
list-style-type：就是控制列表符号的意思 上⾯的disc就是圆点
下⾯的decimal就是阿拉伯数字开始以为这样就可以了，结果⼀浏览还是⼀样不会显⽰列表符号，最后才发现需要加上这⼀句
list-style-position：就是控制列表位置的意思 inside是列表缩进的意思
因为之前把外边距和内边距都设成0像素了所以⼀定要加上这⼀句 才能恢复到默认
这两句代码还可以简写，如下：
#content ul{ list-style:disc inside;}
#content ol{ list-style:decimal inside;}
padding是外边距还是内边距简写就不⽤我多说了，懂点CSS的都知道，很多属性都可以写成⼀句，养成这种习惯可以减少代码，提⾼效率和浏览速度。
现在这篇⽂章就是恢复了默认列表符号的，测试给⼤家看⼀下，如果转载请确认⾃⼰的内容所在层不是取消了符号的层。
转载请注明出处：李涌泉博客
liyongquan ⽹页设计爱好者，游戏软件发烧友！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。