一、CSS
1、定义
CSS:(网页美颜相机) 层叠样式表
2、优点
使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿
3、作用:用来美化网页的
二、样式表
1、样式:行内样式表 内部样式表(内联) 外部样式表 (外联)
(1)行内样式表(内联样式表):内嵌的标签中,通过style标签来操作其的属性 、属性值等多个样式。在样式表中,width是样式的属性,200px是样式的属性值,属性与属性值之间用:隔开,多个属性之间用;隔开
(2) 内部样式表:在head标签中使用style标签
(3) 外部样式表 : link:建立与外部CSS文件的链接,href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。type:定义所链接文档的类型,在这里需要指定为“text/CSS”,表示链接的外部文件为CSS样式表。rel="stylesheets":定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件 。
CSS规范:1、 选择器与花括号之间加空格
2、冒号与属性值之间加空格
3、多个属性值之间用;
三、 字体样式属性
- 利font-size:字号大小用像素表示 属性值一般设置偶数 页面中默认字体大小是16像素
- 利font-family:字体的家族 汉字表示:黑体 英文表示 SimSun Unicode 编码: "\5B8B\4F53"
-
font-weight:字体粗细 bold
-
font-style:字体风格 oblique/italic 表示倾斜
-
font:综合设置字体样式,选择器{font: font-style font-weight font-size font-family;}
四:外观属性
- color: 文本颜色、 十六进制 、 RGB
2、通过line-height:设置行间距(行高属性 ) 文本垂直居中,属性值与盒子高度相同
line-height: 100px;
数值小于高度,文本靠上
line-height: 60px;
数值大于高度, 文本靠下
- text-align: 水平对齐方式
- text-indent: 首行缩进
- text-decoration: underline 文本下划线
text-decoration: line-through 文本删除线
text-decoration: overline 文本上划线