表格属性:
text-align 控制左右
vertical 控制上下
交集复合选择器:
由两个选择器组成,其中第一个必须是标签选择器,第二个是类或者id选择器,两个选择器中间没有空格。
并集选择器:
简称集体声明并集选择器,由多个选择器通过逗号隔开,链接一起。
background属性
background-color 背景颜色
background-image 引入图片(默认填满边框)
background-repeat 设置引入图片
有两个属性默认填充满屏repeat,只填充一张no-repeat
background-position:图片位置
四个属性:top上,bottom下,left左,right右
盒模型属性:
width 宽度
height 高度
盒模型外边距与内边距属性:
(元素距离边框距离)
border内边距
margin:(上下左右)
margin:(上下) (左右)
margin:(上)(左右)(下)
margin:(上)(右)(下)(左)
margin填写值不同代表外边距距离不同
margin-top: 距上
margin-bottom:距下
margin-left:距左
margin-right:距右
border外边距
border:(上下左右)
border:(上下) (左右)
border:(上)(左右)(下)
border:(上)(右)(下)(左)
border 填写值不同代表外边距距离不同
border-top: 距上
border-bottom:距下
border-left:距左
border-right:距右
浮动float
特点
1,浮动只有两个属性向做浮动left,向右浮动right
2,浮动不占位置
3,浮动默认排列一行遇到边界自动换行
4,如果有文字绕着浮动元素走
清除浮动的方法:
1,overflow:hidden 隐藏
2,在后面设置一个空div 里面设置clear:both
相对定位
position:relative
元素以自己为参照物
绝对定位
position:absolute
元素以父元素为参照物 注意:父元素一定要设置定位
固定定位
position:fixed
元素参照物是游览器
HTML+css 浮动与盒模型
最新推荐文章于 2021-12-19 15:44:59 发布