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。
- 十六进制所缩写
- 快捷键: