CSS层叠样式表,是一种用来为结构化文档添加样式的计算机语言,CSS文件扩展名为.css,三大特性:层叠性,继承性,优先级.
CSS样式在头部中添加,有自己的body部分.
一.CSS语法:
选择器通常是需要改变样式的html元素,每条声明由一个属性和一个值组成.
二.选择器:id和class选择器
如果要在html元素中设置css样式,需要在元素中设置id和class选择器.
1.id选择器:id选择器可以为标有特定id的html元素指定特定的样式.html元素以id属性来设置id选择器,css中id选择器以#来定义
三.插入样式表:外部样式表,内部样式表,内联样式.
1.外部样式表:当样式需要应用于很多页面时,外部样式表是理想的选择,在使用外部样式表的情况下,可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表,<link>标签在头部.外部样式表可以在任何文本编辑器中进行编辑,文件不能包含任何的html标签。样式表应该以.css扩展名进行保存
2.内部样式表:当单个文档需要特殊的样式时,就应该使用内部样式表,可以使用<style>标签在文档头部定义内部样式表.
3.内联样式:要使用内联样式,需要在相关的标签内使用style属性,style属性可以包含任何css属性.
4.多重属性:如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来
优先级:内联样式>内部样式>外部样式>浏览器默认样式.
四.CSS背景
1.背景颜色:background-color属性定义了元素的背景颜色
如body{background-color: ;}.
2.背景图像:background-image属性描述了元素的背景图像,默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.
默认情况下该属性会在页面的水平或者垂直方向平铺,如果不想让图像平铺,可以使用background-repeat属性.
为了让页面排版更加合理,我们可以改变图像的位置,可以利用background-position 属性改变图像在背景中的位置
3.background-attachment定义背景图像是否固定或者随着页面的其余部分滚动.
属性顺序:color,image,repeat,attachment,position.
五.文本格式:
1.文本颜色:颜色是通过css最经常的指定,一个网页的背景颜色是指在主体内的选择.
2.对齐方式:文本排列属性是用来设置文本的水平对齐方式,文本可居中或对齐到左或右,两端对齐,当text-align设置为justify,每一行被展开为宽度相等,左右外边距是对齐.
3.文本修饰:text-decoration属性用来设置或者删除文本的修饰,主要是用来删除链接的下划线.
4.文本转换:文本转换属性是用来指定在一个文本中的大写和小写字母,可用于所有字句变成大写或小写字母,或每个单词的首字母大写.
5.文本缩进:文本缩进属性是用来指定文本的第一行的缩进,如p<text-indent:50px;}
六.CSS字体:
1.字体系列:font-family属性设置文本的字体系列.
2.字体样式:正常(normal),斜体(italic),倾斜的文字(oblique).
3.字体大小:font-size属性设置文本的大小。设置文字的大小与像素,控制文字大小.
网友评论