1.CSS的行内样式
2.CSS的内部样式表
3.CSS的外部连接式
在头部用link的方式进行连接外部的CSS样式。将外部CSS的路径输入到href里。
4.CSS的字体样式属性
4.1 font-size:字号大小:
font-size属性用于设置字号。推荐使用像素单位px。
- px单位名称为像素,像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取)。
- 一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割)。
- 大多数浏览器的默认字体大小是16px。
4.2 font-family:字体
font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:
font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、100~900(100的整数倍)。
4.4 font-style:字体风格
5.选择器
5.1标签选择器:针对一类标签
5.2 ID选择器:针对某一个特定的标签使用
5.3 类选择器:针对你想要的所有标签使用
5.4通用选择器(通配符):针对所有的标签都适用(不建议使用)
5.5 链接伪类选择器
在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!a:active 必须位于 a:hover 之后,这样才能生效!
6.CSS外观属性
color文本颜色。 line-height行间距:行高是指文本行基线间的垂直距离:基线与基线之间的距离。
text-align:水平对齐方式
text-decoration:文本修饰
属性值 |
none | underline | overline | line-through |
默认值 |
none |
属性名 |
text-decoration |
描述 |
对文本进行修饰 |
letter-spacing:字符间距
text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;可以给文字添加阴影效果
值 |
描述 |
h-shadow |
必需。水平阴影的位置。允许负值。 |
v-shadow |
必需。垂直阴影的位置。允许负值。 |
blur |
可选。模糊的距离。 |
color |
可选。阴影的颜色。 |
前两项是必须写的。 后两项可以选写。