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的干预下,块级元素独占一行,宽高可设;行内元素并排显示,宽高自动。

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

  • 相关阅读:
    网络流量监控工具iftop
    CentOS6.X安装vsftpd服务
    CentOS 6.x版本升级Mysql
    CentOS 5.x版本升级Mysql
    CentOS 5.x版本升级PHP
    CentOS 6.X版本升级PHP
    Spring bean configuration inheritance
    cannot load such file -- openssl
    第八章、Linux 磁盘与文件系统管理
    Laravel Configuration
  • 原文地址:https://www.cnblogs.com/tianna/p/12046464.html
Copyright © 2011-2022 走看看