认识css

(一)认识css:

CSS全称为“层叠样式表 (Cascading Style Sheets)”，【注释：层叠就是浏览器对多个样式来源进行叠加，最终确定结果的过程。其中，css的样式来源有5个，分别是内联样式，内部样式，外部样式，浏览器用户自定义样式，浏览器默认样式；内联样式优先级最高，浏览器默认样式优先级最低】它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。

CSS概述：CSS指层叠样式表；

                样式定义如何显示HTML元素；

                样式通常存储在样式表中；

                外部样式表可以极大提高工作效率；

                外部样式表通常存储在CSS文件中；

                多个样式定义可层叠为一个。

多个样式可层叠为一个：样式表允许以多种方式规定样式信息，样式可以规定在单个HTML元素中，在HTML页的头元素中，或在一个外部的CSS文件中。甚至可以在同一个HTML文档中引用多个外部样式表。

如下列代码：

p{
   font-size:12px;
   color:red;
   font-weight:bold;
}

使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等

(二)CSS基础语法

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明；

选择器通常是您需要改变样式的HTML元素；每条声明由一个属性和一个值组成，其中，属性是您希望设置的样式属性，每个属性有一个值，属性和值被冒号分开。

CSS声明总是以分号(;)结束，声明组以大括号({})括起来

CSS代码语法（选择器、属性和值： selector {property: value}）

css 样式由选择符和声明组成，而声明又由属性和值组成 如下图所示：

选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。

声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：

          h1{font-size:12px;color:red;}

注意：

1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。

2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示：

p{

   font-size:12px;
   color:red;
}

（三）

CSS注释代码

就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用<!--注释语句-->)。就像下面代码：