前言
上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈字体设置Font&边框Border的基础用法。。
1.字体设置Font
1).字体系列
'font-family: sans-serif normal'>
短信预约-IT技能 免费直播动态提醒
短信预约提醒成功
CSS(Cascading Style Sheets)样式更改——字体设置Font&边框Border
关注
2).字体风格
'font-style:normal'>
短信预约-IT技能 免费直播动态提醒
短信预约提醒成功
前言
上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈字体设置Font&边框Border的基础用法。。
1.字体设置Font
1).字体系列
'font-family: sans-serif normal'>
2).字体风格
'font-style:normal'>
3).字体变形
'font-variant:small-caps'> - normal 显示标准字体。
- small-caps 显示小型大写字母的字体。
4).字体加粗
'font-weight:normal'> - normal 标准的字符
- bold 粗体字符
- bolder 更粗的字符
- lighter 更细的字符
- 也可以使用数字表示，范围为100~900
5).字体大小
'font-size:60px'> - smaller 变小
- larger 变大
- length 固定值
- 而且还支持百分比
2.边框Border
首先说一下边框风格，它的风格比较多，常用的一般是实线为主：
'border-style:none'> - hidden 隐藏边框
- dotted 点状边框
- dashed 虚线边框
- solid 实线边框
- double 双线边框
- groove 3D凹槽边框
- ridge 3D垄状边框
- inset 3D inset边框
- outset 3D outset边框
- 边框也有四面，所以也会有上下左右
- 所以有时候为了更精确定位并修改样式可以使用：
- border-top-style 上边框样式
- border-right-style 右边框样式
- border-bottom-style 下边框样式
- border-left-style 左边框样式
先定义边框的宽度 风格和颜色，然后定义边框的其它属性。
1).边框形状
'border-radius:25px;'>
2).边框阴影
'box-shadow:1px 2px 2px 2px red'> - 参数含义：
- 边框各个方向的大小和颜色
3).边框图片
'border-image:url(1.png) 30 30 10 round'> - 参数含义：
- 边框图片的路径
- 图片边框向内偏移
- 图片边框的宽度
- 边框图像区域超出边框的量
- 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。
参考文档：W3C官方文档（CSS篇）
二、总结
这篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，希望让大家对CSS样式更改有个简单的认识和了解。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
历年真题答案解析
备考技巧名师总结
高频考点精准押题193.9 KB下载数265
191.63 KB下载数245
143.91 KB下载数1148
183.71 KB下载数642
644.84 KB下载数2756
