在1-1模块中，主要为大家介绍了HTML和CSS的基础内容，接下来的1-2模块，将会为大家介绍CSS的核心样式~
文章内容输出来源：拉勾教育大前端就业集训营
1.font-weight文字粗细
- 作用：设置文字是否加粗(更细)进行展示。
- 属性值：
- 单词类型：normal正常，bold加粗，bolder更粗，lighter更细。（默认normal）
- 数字类型：100-900之间整百的数字，数字越大文字越粗。400=normal，700=bold。
拓展：
- 单词类型：你会发现bold和bolder显示上好像区别不大，实际上bolder的确要比bold更粗一些，只是不明显而已。
- 数字类型：“整百”书写是业内统一规范，实际上不整百书写也会有效果。大家按照规范书写即可。
2.font-style字体风格
- 作用：设置文字是否斜体显示。
- 属性值：
| 属性值 | 效果 |
|---|---|
| normal | 不倾斜，也是属性的默认值 |
| italic | 倾斜文字，使用当前文字字体中的倾斜样式显示 |
| oblique | 倾斜文字，直接使文字倾斜展示 |
拓展：你会发现italic和oblique实际的展示效果相同。但原理上是有区别的。
- italic，使用字体中的倾斜样式展示斜体，如果字体中没有该文字的倾斜样式，则该属性是无效的。
- oblique，直接让文字倾斜展示，和字体中是否有倾斜样式无关。
- 工作中常用italic，italic无效时再用oblique。
3.line-height行高
- 作用：设置一行文字实际占有的高度，文字在行高中是垂直居中的。
- 属性值：
- px为单位的数字：行高的像素值；
- %为单位的数字：参考文字字号的百分比，若font-size为20px，则150%实际行高为30px。
说明：图中例子为行高设定100px的实际效果，行高与内边距、边框、外边距无关，是独立存在的
4.字体属性的综合写法
- 概述：字体、字号、行高、加粗、斜体都是font综合属性的单一属性。这5个单一属性的值可以合写，属性值可以有2到多个，值之间用空格分隔。
- 书写顺序：合写必须按照规定顺序来写，否则不会生效！
- 合写1：字号 字体：
font: 15px "宋体";
- 合写2：字号 行高 字体，且字号和行高间必须用/分隔：
font: 15px/28px "宋体";
- 合写3：加粗和斜体放在最前面，这俩可以位置互换，后面的3个位置不能改变：
font: bold italic 14px/28px "宋体";
5.text-align水平对齐
- 作用：设置文本水平方向的对齐。无论是单行还是多行，都是整体对齐。
- 属性值：
| 属性值 | 效果 |
|---|---|
| left | 左对齐 |
| center | 居中对齐 |
| right | 右对齐 |
6.text-decoration文本修饰
- 作用：设置文本整体是否有线条的修饰效果。
- 属性值：
| 属性值 | 效果 |
|---|---|
| none | 没有修饰（默认值） |
| overline | 上划线 |
| line-through | 删除线 |
| underline | 下划线 |
7.text-indent文本缩进
- 作用：一个段落的首行是否缩进。
- 属性值：
| 属性值 | 效果 |
|---|---|
| px为单位的数字 | 表示首行缩进几个像素值 |
| em为单位的数字 | 表示首行缩进几个中文字符的位置 |
| %为单位的数字 | 缩进文字所在父标签的width属性值的百分比 |
说明：
- 实际工作中，em用的最多；
- 属性值区分正负，负数表示向左缩进。感兴趣的小伙伴动手试试哦~
前端文章汇总目录
https://www.jianshu.com/p/6d80dd616ff4
结束语：一花一世界，一木一浮生，诸君共勉！
网友评论