码迷,mamicode.com
首页 > Web开发 > 详细

4_css语法及优先权.txt

时间:2015-06-01 20:45:46      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:background   warning   优先权   英文   标签   

css选择符类型:

1.标签选择符:

就是针对HTML文档中的标签(哪些HTML标签应用哪些CSS样式)

如:p{font-size:12px;}

   div{background:blue;}


2.id选择符:

比如有很多p标签,但是只想要其中的某一个p标签用到CSS,

那么就在p标签内定义id属性,再在head内加入<style>中CSS,

如:#two{font-size:36px;}



3.类选择符:

可以自己定义样式,应用于一个或多个网页元素,类在网页中可以出现多次,

用于定义重复的样式。类以英文 . 开头,后面的名字自己定义,类定义后

还需要在网页中加入 class=类名称,加以调用。

如: .warning{属性:值}

    <p class="warning">...</p>

    <p class="a1 a2">...</p> 同时给某个元素应用多个类


---------------------


css样式的特点:

1.继承:网页中子元素,将继承父元素的样式。

例如:要控制段落p中的文字大小,可以直接给body标记加样式。

注意:有些子元素有默认的属性,那么就不会继承父元素。

2.层叠:网页中子元素定义了与父元素相同的样式,则子元素的样式将

覆盖父元素的样式。

后面定义的样式会覆盖掉前面定义的样式。



-------------------


css样式的优先权:

1.css四种方式优先权排序:

内联式(行内新式) > 内联式(内部式) > 链接式(外部式) > @import导入式

2.css优先权:就近原则

    作用范围越小,优先权越高。


注意:我们可以采用!important语法来提升重要性(优先权),如:

      p{

background-color:blue !important; IE6不支持该语句

background-color:green;

      }




























4_css语法及优先权.txt

标签:background   warning   优先权   英文   标签   

原文地址:http://1154179272.blog.51cto.com/10217799/1657204

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!