WEB前端网页设计 HTML CSS 网页设计参数 - 【浮动与定位】
浮动与定位
类似盒子一样边距多少:用left,right,top等调整
选择器{ position :属性值;}
position属性的常用值有四个,分别代表不同的定值
自动定位 ( 默认 ) | static |
相对定位,相对于其原文档流的位置进行定位 针对原来的位置(标准流时)进行定位,且原来位置保留 | relative |
绝对定位,相对于其上一个已经定位的父元素进行定位; 为某个对象进行定位而使用,原来位置不保留 | absolute |
固定定位,相对于浏览器窗口进行定位 | fixed |
叠放顺序,谁大谁在上 | z-index |
在整个居中的div容器上设置absolute绝对定位,会破坏div的居中
左右边距产生冲突,以左为准
上下边距产生冲突,以上为准
给浏览器设置高度,对全局<body>标签设置 |
居中 | margin:0 auto |
继承性的优先级是0
当id属性选择器和class选择器发生冲突时,id选择器优先
选择器 | 权重优先级 |
id | 100 |
class | 10 |
p | 1 |
相同权重谁离得近谁优先级就高
不继承的属性:( 边框属性、外边距、内边距、
背景属性、定位属性、布局属性、元素的高度和宽度 )