css fonts(字体)属性拥有定义字体系列、大小、粗细和文字样式(如斜体)
字体系列
<style type="text/css"> div{ font-family:"microsoft yahei"; } </style>
【注意】
字体大小
css使用font-size属性来设置字体大小
<style type="text/css"> div{ font-size:20px; } </style>
【注意】
字体的粗细
css使用font-weight属性来设置文本字体的粗细
<style type="text/css"> div{ font-weight:normal|bold|bolder|lighter|number; } </style>
参数 | 说明 |
---|---|
normal | 正常字体,相当于number为400,声明这个值将取消之前任何设置 |
bold | 粗体。相当于number700.也相当于<b>对象的作用 |
bolder | ie5+ 特粗体 |
lighter | ie5+ 细体 |
number | ie5+ |
文字样式
css使用font-style属性设置文字分风格
<style type="text/css"> div{ font-stylet:normal|italic; } </style>
属性值 | 作用 |
---|---|
normal | 默认值,浏览器会显示标准的字体样式 |
italic | 浏览器会显示斜体的字体样式 |
【注意】平时我们很少给文字加斜体,反而要给斜体标签(em,i)改为不斜字体
复合属性
字体属性可以把以上文字样式综合来写,这样可以更节约代码
<style type="text/css"> div{ font:font-style font-weight font-size/line-height font-family; } </style>
【注意】
属性 | 表示 | 注意点 |
---|---|---|
font-size | 字号 | 通常用的单位是px,一定要更上单位 |
font-family | 字体 | 按照团队约定的字体 |
font-weight | 字体粗细 | 加粗700,正常400 |
font-style | 字体样式 | 倾斜italic,不倾斜normal |
font | 字体连写 | 1.顺序不能变2.字号和字体必须同时出现 |
如对本文有疑问, 点击进行留言回复!!
清除新版Google Chrome浏览器中表单控件(input,button...)默认的黑色边框
荐 20200714——git/mac配置/项目运行步骤/一些报错
antd 菜单组件 使用时报错:Cannot read property ‘isRootMenu‘ of undefined
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
硬件仪表盘账号建立指导(一) --WHQL认证测试结果提交账号(一)
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系
网友评论