zoukankan      html  css  js  c++  java
  • 层叠和继承的概念,选择器的优先级,盒模型,元素在页面上的定位体系,常规流

    1.层叠和继承的概念:

    CSS层叠性是指CSS样式在针对同一元素配置同一属性是,依据层叠规则(权重)来处理冲突,选择应用权重高的CSS选择器所指定的属性,一般也被描述为权重高的覆盖权重低的,因此也称作层叠。

    继承:子元素会自动拥有父元素的某些CSS属性,通常来说,文本类的属性会被继承(字体、字号、颜色)

    2.选择器的优先级

    !important>id选择器>类选择器>标签选择器>子选择器>后代选择器>伪类选择器

    3.盒模型

    在网页中,一个盒子占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin),四个部分一起构成了CSS中元素的盒模型。

    4.元素在页面上的定位体系

    常规流(normal flow),浮动(float),绝对定位(absolute positioned)

    5.常规流

    在没有css的干预下,块级元素独占一行,宽高可设;行内元素并排显示,宽高自动。

    当元素浮动后,脱离文档流。因为子级元素浮动后导致父级高度坍塌。

  • 相关阅读:
    11-8 Eureka Server整合SpringSecurity解决安全问题
    11-7 Eureka Server安全问题介绍
    11-6 CORS跨域资源共享解决
    11-5 JWT验证演示
    11-4 JWT验证开发演示
    11-3 JWT颁发流程讲解
    11-2 JWT介绍
    11-1 服务安全章节介绍
    10-15 Zuul知识点梳理
    10-14 Zuul与Meetingfilm整合
  • 原文地址:https://www.cnblogs.com/tianna/p/12046464.html
Copyright © 2011-2022 走看看