zoukankan      html  css  js  c++  java
  • css

    十月过去了!


     css多个规则在页面中该如何显示?

    • 内联式-----将css代码直接写在html中.用 <style> 标记将样式定义为内部块对象<style type="text/css">
    • 嵌入式-----将CSS代码直接添加于所修饰的标记元素  <div >ITEYE</div> 
    • 链接式-----将CSS代码作为文件单独存放。 <link href="biu.css" rel="stylesheet" type="text/css" />   link 引入 href 路径
    1. 内:CSS 可以有效减少 HTTP 请求,提升页面性能,缓解服务器压力。由于浏览器加载完 CSS 才能渲染页面,因此能防止 CSS 文件无法读取而造成没有衣服穿~
    2. 推链接shi:单独的比较好恩~

    那么问题来了


    1. 在内联式中,如果一个标签同时使用了多个CSS规则,而这些规则中对同一属性进行了不同的赋值,最终在页面中显示的是哪个规则的属性值?
    2. 如果一个标签同时使用了多个CSS规则,而这些规则既有存在与内联式中的,也有存在于外联式中的,而且对同一属性进行了不同的赋值,最终在页面中显示的是哪个规则的属性值?
    3. 如果一个标签同时使用了多个CSS规则,而这些规则既有存在与内联式中的,也有存在于外联式中的,还有嵌入在标签中的,而且对同一属性进行了不同的赋值,最终在页面中显示的是哪个规则的属性值?

         总结:在同一标签中使用多个CSS规则,在页面中显示的优先级为:嵌入式>内联式,内联式>外联式。 如果同为内联式或外联式中的不同规则,则与该规则在CSS样式表中的位置有关,显示样式表中最后对该属性进行定义的CSS规则的属性值。用一句话表示为:就近原则,即离哪个CSS规则近显示哪个。 


    十一月high起


    2014-11-01    2014-11-01   2014-11-01   2014-11-01   2014-11-01  2014-11-01   2014-11-01

  • 相关阅读:
    高并发 内核优化
    mysql 读写分离
    Jmeter使用入门
    Jenkins+Jmeter+Ant接口持续集成
    Android客户端稳定性测试——Monkey
    SVN客户端项目递归删除.svn目录
    Windows 下 php5+apache+mysql5 手工搭建笔记
    熟悉常用的Linux操作
    C语言文法
    词法分析实验报告
  • 原文地址:https://www.cnblogs.com/Y-c-c/p/4067919.html
Copyright © 2011-2022 走看看