列表及行块转变

并集选择器

   body,ul,p{

   margin:0;

padding:0;

}

好处:简单方便

坏处:太过方便,加大了浏览器的负荷

解决办法:按需选择

无序列表

 ul

 无序列表中都必须带有两个子标签<li></li>

ul天生自带内外边距  还有p标签

list-style 这是样式属性 除去前面的符号

list-style 的属性值circle(空心圆) disc(实心圆) square (正方形)none(空)

有序列表

ol

有序列表中带有两个子标签<li></li>

天生自带内外边距

ol和ul的不同之处在于前面的符号不同

有序列表改变前面符号需在标签内添加type修改

自定义列表

dl自定义列表       dt小标题     dd内容

列表能做什么?

做二级菜单   导航栏

一个元素实际占用的空间:width+2*margin+2*padding+2*border

实际高度:height+padding-top+padding-bottom+2*border

块级转行级
给块级元素添加属性display:inline dosplay显示 inline行
行级转块级
给行级元素添加属性display:block block块
行级块元素
给需要的元素添加属性 display:inline-block
可以设置宽高 可以在一行 margin可以随便使用了

转载于:https://www.cnblogs.com/zlxl/p/9642944.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值