(一)认识css:

CSS全称为“层叠样式表 (Cascading Style

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 样式由选择符和声明组成,而声明又由属性和值组成 如下图所示:

css 3d ios 层级_HTML

 

 

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

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

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

注意:

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

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

p{

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

(三)

CSS注释代码

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

css 3d ios 层级_css 3d ios 层级_02