为了账号安全,请及时绑定邮箱和手机立即绑定

清楚条目前的原点

我试了一下,当加入*{margin:0; padding:0;}清除样式后,条目前的原点就没有了,而不用像老师那样再给ul的css代码写list-style:none  请大神指点

正在回答

2 回答

在浏览器中:

ul的默认样式有两个:

padding-left:40px;(左padding)

list-style:disc;(项目符号-默认实心圆)

http://img1.sycdn.imooc.com//573147790001a66310010435.jpg

去掉ul的默认样式有多种情况:

情况一:

list-style:none;(通过css不要项目符号)

情况二:

padding-left:0;(去掉padding值,使项目符号没有显示出来的空间)

http://img1.sycdn.imooc.com//573148a10001b7af09940449.jpg

情况二需要注意:

此时ul的项目符号还是存在的.只是没有在浏览器窗口之外.

将ul添加float:right; 浮动到右侧; 会发现仍然有项目符号;

http://img1.sycdn.imooc.com//5731494a0001710f09980464.jpg

所以:同时去掉padding的同时, 在去掉项目符号是必要的.

4 回复 有任何疑惑可以回复我~
#1

hf_summer

说这么细,主要是说遇到问题的解决方法...方法最重要
2016-05-10 回复 有任何疑惑可以回复我~
#2

筱兵潇将 提问者

非常感谢!
2016-05-10 回复 有任何疑惑可以回复我~

margin和padding只能改变外边距和内边距,对ul是不起作用的

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123848    人
  • 解答问题       838    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

清楚条目前的原点

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号