通过标签修改样式的缺点:
1.需要记忆标签和属性,如果该标签没有这个属性,那么设置也没有效果
2.需求变更时,需要修改大量代码才能满足现在的需求
3.HTML只有一个作用就是添加语义
所以在企业开发中,修改样式都是交给CSS来做。
CSS格式:
<style type="text/css">
标签名称{
属性名称:属性对应的值;
....
}
</style>
tips:
- style标签必须写在head标签的开始标签和结束标签之间,和title同级
- style中的type属性可以不用写,默认就是type=“text/css”
- 设置样式时必须按照固定的格式来设置,如 key: value:
其中“:”不能省略,分号大多数情况下也不能省略
1.规定文字样式的属性
格式:
font-style:italic;
取值:
- normal:正常的,默认
- italic:倾斜的
快捷键: - fs+table键:font-style:italic;
- fsn+table键:font-style:normal;
2.规定文字粗细的属性
格式:
font-weight:bold;
单词取值:
bold:加粗
bolder:比加粗还要粗
lighter:细线,默认
快捷键:
fw+table键:font-weight:;
fwb:font-weight:bold;
fwbr:font-weight:bolder;
数字取值
100-900之间整百的数字
3.规定文字大小的属性
格式:
font-size:30px;
单位:px(像素 pixel)
tips:
- 通过font-size设置大小一定要带单位,px
快捷键: