CSS自学笔记(2):CSS语法

时间:2023-03-08 21:35:20

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

selector {declaration1; declaration2; ... declarationN }

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

声明(declaration)是一个属性和一个组成(要注意书写)。

属性(property)都有一个,属性和其值用":"分开。

selector {property: value}

上面CSS代码的基本结构:

CSS自学笔记(2):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的声明,从而达到摆脱父元素声明