码迷,mamicode.com
首页 > 其他好文 > 详细

学习前端的第二周

时间:2019-12-15 14:45:18      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:css   absolute   col   嵌套   第一个   有一个   pad   情况   strong   

层叠和继承的概念

  一般文本类的属性会被继承,即某个元素的CSS属性会传递给内部嵌套的元素。一个元素可能有一个或者多个样式的来源,当属性发生冲突时,就会根据加载顺序和权重大小决定层叠之后显示的属性。

选择器的优先级

          行内 id class 元素
行内 1 0 0 0
id 0 1 0 0

class、属性、伪类

0 0 1 0
元素、伪元素 0 0 0 1
通配符* 0 0 0 0
!important 最高

 

盒模型

  

margin
border
padding
content

定位(position

  relative:做absolute之父,可配合z-index(默认值为auto,auto算出来是0,但是auto和z-index:0不同。值越高在越上)

  absolute:脱离某层文档流,找父级元素中第一个有定位的元素(position不是static的就是有定位的元素)

  fixed:这个会固定在页面中,上下拖动你的页面都不变,微博里面回到顶部的就是这么用的

  sticky:没出页面的时候是正常的relative,出了就fixed在顶端

常规流

  常规流、文档流、普通文档流、常规文档流

  所有元素,默认情况下,都属于常规流布局

  总体规则:块盒独占一行,行盒水平依次排列

  包含块(containing block):每个盒子都有它的包含块,包含块决定了盒子的排列区域。

  绝大部分情况下:盒子的包含块,为其父元素的内容盒

学习前端的第二周

标签:css   absolute   col   嵌套   第一个   有一个   pad   情况   strong   

原文地址:https://www.cnblogs.com/xf2019/p/12043865.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!