css渲染(一) 字体和文本
程序员文章站
2022-04-16 09:52:59
一、字体属性 1.默认字体系列 chrome/opera:"宋体" firefox:"微软雅黑" safari/IE:Times,"宋体" 2.字体属性 字体类型 font-family 初始化时定义字体类型,如宋体 字体大小 font-size 应用于: 所有元素 继承性: 有 百分数: 相对于父 ......
一、字体属性
1.默认字体系列
chrome/opera:"宋体"
firefox:"微软雅黑"
safari/IE:Times,"宋体"
2.字体属性
字体类型
font-family 初始化时定义字体类型,如宋体
font-family: arial,“宋体”,“微软雅黑”; //【注意】若浏览器识别第一个字体,则以第一个字体显示;如果不识别,则尝试下一个。
字体大小
font-size
应用于: 所有元素
继承性: 有
百分数: 相对于父元素的字体大小font-size
默认字体大小
chrome/firefox/opera/IE/safari:16px
最小字体大小
chrome:12px
opera:9px
safari/IE/firefox:无
字体加粗
【1】常用值
font-weight: normal(正常,默认) font-weight: bold(加粗)
【2】所有值
normal(正常)/bold(粗体)/bolder(更粗)/lighter(更细)
100/200/300/400/500/600/700/800/900 (100为最细,900为最粗)
字体风格
font-style: normal(默认) font-style: italic(斜体) font-style: oblique(倾斜)
行高
line-height: normal(默认) line-height: 具体值
颜色
color:red
推荐阅读
-
react通过axios请求数据,用一个bol来判断数据是否加载完成后,渲染在页面上,不用async await和定时器的更好方法
-
css 文本与字体
-
css 文本与字体
-
C#实现获取文本文件的编码的一个类(区分GB2312和UTF8)
-
font和line-height之CSS代码书写顺序不同,导致显示效果不一样
-
C#实现获取文本文件的编码的一个类(区分GB2312和UTF8)
-
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
-
实例教程 利用html5和css3打造一款创意404页面
-
一款利用html5和css3动画排列人物头像的实例演示
-
html5 css3实例教程 一款html5和css3实现的小机器人走路动画