css文本
语法结构:
选择器{ 样式 }
<style>
p{
color: red;
font -size: 12px;
}
</style>
类选择器
.类名 {
xxx;
}
.
.
.
<p class="类名">xxx</p>
id选择器
#id名 {
xxx;
}
.
.
.
<p class="类名">xxx</p>
通配符选择器
* {
xxx;
}
CSS字体属性
| 属性名 | 表示 |
|---|---|
| font-size | 字号 |
| font-family | 字体 |
| font-weight | 粗细 |
| font-style | 样式 |
| font | 字体连写 |
注:font使用时有顺序要求
font: (font-style) (font-weight) (font-size/line-height) (font_family)
CSS文本属性
文本颜色
| 表示方式 | 属性值 |
|---|---|
| 预定义的颜色 | green red… |
| 十六进制 | #FF0000 |
| RGB | rgb(255,0,0) |
对齐文本
| 属性值 | 解释 |
|---|---|
| left | 左对齐 |
| right | 右对齐 |
| centre | 居中 |
语法:text-align: centre;
装饰文本
| 属性值 | 描述 |
|---|---|
| none | 默认,没有下划线 |
| underline | 下划线 |
| overline | 上划线 |
| line-through | 删除线 |
语法:text-decoration: overline;
文本缩进
text-indent: 2em
行间距
line-height
CSS样式表
内部样式表
<style>
div {
color: red;
font-size: 12px;
}
</style>