(一)认识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 样式由选择符和声明组成,而声明又由属性和值组成 如下图所示:
选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。
声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:
h1{font-size:12px;color:red;}
注意:
1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。
2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:
p{
font-size:12px;
color:red;
}
(三)
CSS注释代码
就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/
来标明(Html中使用<!--注释语句-->
)。就像下面代码: