1. 规定文字样式的属性
- 格式：font-style：italic
- 取值：
normal：正常的，默认就是正常的
italic：倾斜的
快捷键：
fs +tab : font-style:italic
fsn+tab: font-style:nomal
2.规定文字粗细的属性
- 格式：font-weight: bold;
- 取值单词：
bold:加粗
bolder: 比加粗还要粗
lighter: 细线，默认就是细线 - 取值数字： 100 ~ 900之间数百的数字
- 快捷键：
fw+tab ： font-weight
fwb ： font-weight：bold
fwbr+tab ： font-weight:bolder
3.规定文字大小的属性
- 格式：font-size：30px
- 单位：像素 px （ pixel 的缩写）
- 注意点：通过font-size设置大写，一定要带着单位，也就是一定要写px
- 快捷键：fz+tab : font-size:
fz10: font-size:10px
4. 规定文字字体的属性
- 格式：font-family:"楷体"
- 注意点：
- 如果取值是中文，需要用双引号或者单引号
- 设置的字体必须是用户电脑里面已经安装的字体
- 快捷键 ：ff： font-family：
5. 补充内容
1、如果设置的字体不存在，那么系统会使用默认的字体来显示；
2、如果设置的字体不存在，而我们又不想用默认的字体，我们可以给字体设置备选方案，其格式如下：font-family:"字体1","字体2"
3、如果想给中文和英文分别设置不同的字体的解决方案。
但凡中文字体里面都包含了英文，但凡英文的字体里面都不包括中文。也就是说中文字体可以设置英文。
如果想给界面的英文单独设置字体，英文字体一定要设置在前面。
4、 在我们的企业中开发中，最常见的字体：
- 中文：宋体、黑体、微软雅黑
-英文：Times new Roman
是不是中文字体，是看该字体能否处理中文。
6 文字属性的缩写
- 格式：font： style weight size family
- 注意点：
- 在这种缩写格式中，有些属性是可以省略的，
其中：style，weight 可以省略- 在这种缩写格式中，style 和weight 的位置也可以交换
- 在这种缩写格式中，size 和 family 不能省略；
- size 和family 的位置不能随便乱放，size 一定要写在family的前面，而且size和family 必须卸载所有属性的最后。
7. 文本装饰的属性
- 格式：text-decoration：underline；
- 取值：
- underline：下划线
- line-through:删除线
- overline：上划线
- none ： 什么都没有，最常见的用途就是用于去掉超链接的下划线。
- 快捷键：td+tab
8. 文本水平对齐的属性
- 格式：text-align:right
- 取值：
- left：左
- right:右
- center:居中
- 快捷键：ta + tab
9. 文本缩进的属性
- 格式：text-indent：2em
- 取值：
- 2em：其中em是单位，一个em代表缩进一个文字。
- 快捷键：ti + tab ti2+tab
10. 颜色控制：修改文本颜色
- 格式：color:值
- 取值：
- 英文单词：
一般情况下常见的颜色都有对应的英文单词，但是英文单词能够表达的颜色都是有限制的，所以英文档次一般是用于开发者调试的。
- rgb：
格式：rgb(0,0,0) 数值范围在0~255
rgb 其实就是三原色，其中r（red 红色） g（green 绿色）b（blue：蓝色）
在前端开发中，一般的不使用黑色。常用灰色，让rgb 取值相同。
- rgba
格式：rgba(0,0,0,0)
rgba 中的rgb 和前面的一样，其中a 是设置颜色的透明度的，取值是0~1，值越小，越是透明。
- 十六进制
格式：color:#F00000
在前端开发汇总，通过16进制来表示颜色，其实本质就是RGB，十六进制中的中通过每两位表示一个颜色，例如 #FFEE00，其中FF表示R，EE表示G，00表示B。
- 十六进制所缩写
- 快捷键：
网友评论