知识点一:CSS
为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿
CSS:(网页美颜相机) 层叠样式表
作用:用来美化网页的
知识点二:样式表
样式表:行内样式表 内部样式表 外部样式表
行内样式表(内联样式表):内嵌的标签中,通过style
style是标签的属性 、属性值是多个样式
px:像素单位
在样式表中:width是样式的属性,200px是样式的属性值,属性与属性值之间用:隔开,多个属性之间用;隔开
内部样式表: 在head标签中使用style标签
外部样式表 : link:建立与外部CSS文件的链接
rel="stylesheets":定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件
CSS规范: 1、 选择器与花括号之间加空格
2、冒号与属性值之间加空格
3、多个属性值之间用;
知识点三: 字体样式属性
1、利font-size:字号大小 用像素 属性值一般设置偶数 页面中默认字体大小是16像素
2、利font-family:字体的家族 汉字表示:黑体 英文表示 SimSun Unicode 编码: "\5B8B\4F53"
3、区font-weight:字体粗细 bold
4、font-style:字体风格 oblique/italic 表示倾斜
5、font:综合设置字体样式
选择器{font: font-style font-weight font-size font-family;}
知识点四:外观属性
1、color:文本颜色
十六进制 0-9 A-F 用六位
#000000黑色
#ffffff黑色
2、RGB
red 红色 green 绿色 blue蓝色
3、0-225
1、通line-height:行间距
行高属性
文本垂直居中,属性值与盒子高度相同
line-height: 100px;
数值小于高度,文本靠上
line-height: 60px;
数值大于高度, 文本靠下
2、text-align:水平对齐方式
3、text-indent:首行缩进
4、text-decoration
文本下划线
text-decoration: underline;
文本删除线
text-decoration: line-through;
知识点五:选择器
选择器:通过一种方式去选择指定的元素,这种方式就是选择器
选择器:基本选择器、复杂选择器、伪类选择器
基本选择器:标签选择器、类名选择器(.)、多类名选择器、id选择器(*)、通配符选择器
复杂选择器:交集、并集、子代、后代
伪类选择器::link、:visited、:hover、:active
使用顺序:link visited hover active