zoukankan      html  css  js  c++  java
  • CSS特性

    CSS有两大属性:继承性和层叠性

    一、继承性:

    所谓继承性,就是子元素继承了父元素的某些样式属性,但是并不是所有的样式属性都具有继承性,在CSS中,具有继承性的属性有三大类;

    (1)文本相关属性:

    (2)列表相关属性:

    list-style-image(自定义列表项)、list-style-position(自定义列表项位置)、list-style-type(设置列表项标记类型,如椭圆等)、list-style(缩写,顺序为type、position、image)

    (3)颜色相关属性:color

    注:虽然很多属性有继承性,但是同样的像a元素这样的标签也有默认样式,所以即使父元素在某些属性上有值,子元素a依旧按照原来默认样式来呈现;即默认样式的优先级大于继承的样式

    二、层叠性

    所谓的层叠就是指样式的覆盖,这涉及到优先级的问题,常见的样式覆盖冲突有以下五种情况(在优先级相同情况下,统一遵循“后来者居上”原则)

    (1)引用方式冲突

    优先级:行内样式>(内部样式=外部样式)

    (2)继承方式冲突

    优先级:近水楼台先得月,即样式优先级最大为父元素的样式,往上到祖先元素逐渐降低优先级

    (3)指定样式冲突(即使用选择器来设定样式)

    优先级:行内样式>id选择器>class选择器>元素选择器

    (4)继承样式与指定样式冲突

    (5)!important(可以将优先级提升到最高等级)

    用法:在样式语句后面直接加上!important,两句之间用空格隔开

  • 相关阅读:
    Java的一天学习
    IIS7配置PHP图解
    主流HTML5游戏框架的分析和对比
    HTTP请求
    hibernate -- 数据库连接池的失效检查设置
    mysql备份
    深入探索SOAP1.1--使用SAAJ1.2.1
    JDBC连接执行MySQL存储过程报权限错误
    mysql(connector/ODBC)
    mysql查询优化(三)
  • 原文地址:https://www.cnblogs.com/runhua/p/6426120.html
Copyright © 2011-2022 走看看