CSS 优先级和定位

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/baidu_36097530/article/details/52862925

css优先级

!Importang 10000

行内       1000

. Id选择器  100

类选择器(:hover伪类)10

P  标签 属性选择器 1

继承  0.1

默认值 0

 

其他:1.同等优先级 看先后顺序 后写的优先

      2.空格 层次选择器 优先级叠加

      .show .main{}

      3文内的样式优先级为1,0,0,0,所以始终高于外部定义。这里文内样式指形如<divstyle="color:red>blah</div>的样式,而外部定义指经由<link>或<style>卷标定义的规则。

 

定位

1.CSS中关于定位的内容是:position:relative | absolute | static | fixed

2.static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。
3.relative 不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。可以和浮动,居中连用 原来的位置不消除。
4.absolute 脱离文档流,通过 top,bottom,left,right 定位。选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。当不存在这样的祖宗时,相对于可视区域定位。
5.fixed 固定定位,这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。不能和浮动一起用。

其他:以内为正,以外为负

left优先 top 优先 bottom right   可正可负,可有百分数



展开阅读全文

没有更多推荐了,返回首页