CSS自学笔记（2）:CSS语法

浏览数：17 / 时间：2015年06月09日

CSS的语法规则主要有两个分构成选择器和声明（声明问一条或者多条）。

selector {declaration1; declaration2; ... declarationN }

选择器（selctor）是指你要改变样式的html元素。选择器有很多种，常用的id选择器和类选择器。

声明（declaration）是一个属性和一个值组成（要注意书写）。

属性（property）都有一个值，属性和其值用":"分开。

selector {property: value}

上面CSS代码的基本结构：

注：

  1. 声明之间用";"隔开，属性和值之间用":"分开。
  2. 属性值的写法有很多种，书写时要注意单位等。
  3. 如果属性值为若干个单词是，则要给属性值添加引号。 
    p {font-family: "sans serif";}
  4. 定义声明时应该一行定义一个声明，这样可增强代码的可读性。 
    p {
  text-align: center;
  color: black;
  font-family: arial;
}
  5. 样式表可以包含多条规则，同样一条规则可以包含多个声明，多重声明和空格的合理使用，可以有效的增加代码的可读性和编译器的可编译性。
  6. CSS对大小写不敏感，但是如果涉及到html文件，class和id名称的大小写是很敏感的
  7. 我们可以对选择器进行分组，这样多个选择器就可以分享相同的声明
    h1,h2,h3,h4,h5,h6 {
  color: green;
  }
  8. 声明的继承问题，CSS中子元素可以从父元素继承声明，同时也可以用自己的特殊声明，从而覆盖父元素的声明。
    body {
     font-family: Verdana, sans-serif;
     }

    若body的子元素a中未定义属性font-family的声明，那么a将会继承他的父元素body的font-family的声明。

    若body的子元素b中定义了属性font-family的声明，那么b的font-family属性覆盖它的父元素body的font-family的声明，从而达到摆脱父元素声明

CSS自学笔记（2）:CSS语法,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 html src 问题 文件 使用 class style 代码 html src 问题 文件 使用

相关文章

随机文章

您可能还喜欢

您可能还喜欢