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

CSS语法

时间:2015-05-28 19:37:46      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

1、CSS语法规范总结

  内联样式:有样式声明组成

    <h1 style="background-color:silver;color:blue;">文本</h1>

  样式表:有多个样式规则组成

    每个样式规则有两部分:选择器和样式声明

2、CSS样式表特征

  继承性

    大多数CSS的样式规则可以被继承

  层叠性

    可以定义多个样式表

    不冲突时,多个样式表中的样式可层叠为一个

  优先级

    样式定义冲突时,按照不同样式规则的优先级来应用样式

3、样式优先级

  浏览器缺省设置

  外部样式表或者内部样式表

    就近优先

  内联样式

  相同的样式,如果重复定义,以最后一次的定义为准

4、元素选择器

  html文档的元素就是选择器

    比如<p>、<h1>等

    p{

      }

5、类选择器

  类选择器允许以一种独立于文档元素的方式来指定样式

    语法为: .className{ }

  所有能附带class属性的元素都可以使用此样式声明

    将元素的class属性的值设置为样式类名

  可以将类选择器和元素选择器结合起来使用,以实现对某种元素中不同样式的细分控制

  语法为:元素选择器.className{}

    先声明一个元素选择器,

    然后使用一个点号(.)代表将使用类选择器

    然后声明一个类的名称

    然后使用一对大括号声明样式规则

  将样式规则与附带class属性的某种元素匹配

    元素的class属性的值为分类选择器中指定的样式类名

6、id选择器

  id选择器以一种独立于文档元素的方式来指定样式

  它仅作用于id属性的值

  语法为:

    选择器前面需要有一个#号

    选择器本身则为文档中某个元素的id属性的值

7、选择器分组

  选择器声明为以逗号隔开的选择器列表

    将一些相同的规则作用于多个元素

8、派生选择器

  通过依据元素在其位置上的上下文关系来定义样式

    选择器一端包括两个或多个用空格分割的选择器

9、伪类选择器

  伪类用于向某些选择器添加特殊效果

  使用冒号(:)作为结合符,结合符左边是其他选择器,右边是伪类

  常用伪类:

    :link

    :active

    :visited

    :hover

    :focus

 

CSS语法

标签:

原文地址:http://www.cnblogs.com/Crow00/p/4536575.html

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