css第三天

选择器优先级公式  继承<通配符<标签选择器<类选择器<id选择器<行内样式<!important(加入到值的后面不能给继承增加)

盒子模型的四大组成部分内容content,边框border,外边距margin,内边距padding

然后外边距折叠塌陷(现象只能出现在块级元素在嵌套关系里面并且是上下外边距才会造成)解决办法是给父元素设置边框或者内上边距使两个盒子上边距不叠加。给父元素设置overflow:hidden;。转换成行内元素,设置浮动。

结构伪类选择器 寻找奇数或者偶数  用于偶数找li标签 li:nth-child(2n){css}  或者 li:nth-child(even){css}   奇数 li:nth-child(2n+1){css}    li:nth-child(odd){css}

然后到了浮动,浮动的作用早期使用于图文环绕,现在则是用于网页布局。可以让垂直布局的盒子水平布局   浮动之后就会托表,脱离标准文档流,不会在占用标准文档流的位置。而浮动的元素会比标准流的布局层级高半级,可以覆盖标准流的元素。 浮动找浮动,第二个浮动会根据在第一个浮动的左边或者右边浮动,浮动有左右两边浮动,使用float:left;左浮动,使用float:right;右浮动。 浮动元素会受上方元素边界的影响。 浮动元素可以设置宽高,可以一行多个。

清除浮动的方法,可以给父元素设置高度,额外标签法,单伪元素清除法,双伪元素清除法,给父元素添加overflow:hidden;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值