一、为什么不使用H5标签来修改样式?仅仅是赋予语义
1. 需要对标签的属性进行记忆,如果该标签没有这个属性,设置了也没有卵用
2. 一旦需求变更(经常发生),需要修改大量的代码
所以在企业开发中都是使用CSS来修改样式。
二:使用CSS修改样式的好处
1. 不需要记忆哪些属性属于哪些标签
2. 当需求发生变更时只需要修改CSS就可以。
三:格式
<style type="text/css">
标枪名称{
属性:属性对应的值;
}
</style>
注意点:
1. style标签必须写在head标签中间;
2. style标签的type属性可以省略;
3. 设置样式时必须按照该固定的格式来写,key:value;
四:文字属性设置
4.1 文字样式属性
格式:font-style:值;
取值:
normal 正常的,默认是正常
italic 倾斜的
快捷键:fs
4.2 文字粗细属性
格式:font-weight:值;
单词取值:
bold 加粗
bolder 比加粗还粗
lighter 细线(默认粗细)
数字取值:
100-900之间整百数值
快捷键:fw
4.3 文字大小属性
格式:font-size:值;
取值:
px
快捷键:fz
注意点:通过font-size设置一定要带单位
4.3 文字字体属性
格式:font-family:值;
快捷键:ff
注意点:
1. 取值是中文,需要使用双引号包裹
五:文本属性设置
5.1 文本装饰属性
格式::text-decoration:值;
取值:
underline 下划线
line-through 删除线
overline 上划线
none 毛都没有(可用于取消超链接下划线)
快捷键:td
5.2 文本水平对齐属性
格式::text-align:值;
取值:
left
right
center
快捷键:ta
5.3 文本缩进属性
格式::text-indent:值;
取值:
em,一个em等同于一个文字的宽度
快捷键:ti