十月过去了！

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

• 内联式-----将css代码直接写在html中.用 <style> 标记将样式定义为内部块对象<style type="text/css">
• 嵌入式-----将CSS代码直接添加于所修饰的标记元素  <div >ITEYE</div> 
• 链接式-----将CSS代码作为文件单独存放。推 <link href="http://www.mamicode.com/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

css