Web前端新人笔记之CSS字体_html/css_WEB-ITnose
程序员文章站
2022-03-16 21:12:36
...
本章内容是阅读CSS权威指南的一个小积累和随笔。新人必看,老鸟也可查看并指出不足指出以便后人阅读更好地理解。O(∩_∩)O谢谢!!!
设置字体属性时样式变的最常见的用途之一;
不过,尽管字体选择很重要,但是目前还没有一种方法能确保在Web上一致的使用字体,因为没有一种统一描述字体和字体的变性方法;
除了各种特定字体系列外(如 Times、Verdana、Helvetica或Arial),还定义了另外5中通用字体系列;
使用通用字体系列
可以使用属性font-family在文档中采用上述任何字体系列
使用引号
只有当一个字体名中有一个或多个空格,或者如果字体名包括#或$之类的符号,才需要在font-family声明中加引号。
h1{font-family:Wedgie,'Karrank%',Klingon,fantasy;}
字体加粗
利用font-weight属性,CSS允许对字体加粗有更多的控制。
字体大小
利用font-size属性,CSS允许对字体的大小有更多的控制
有风格的字体
font-style:用于在normal文本、italic文本和、oblique
字体变形
除了大小风格,字体还可以变形。
字体拉伸
字体拉伸——拉伸字体字符
font属性
使用系统字体
caption 用于有标题的控件
icon 用于对图标加标签
menu 用于菜单,下拉菜单和菜单列表
message-box 用于对话框
small-caption 用于对小控件加标签
status-bar 用于窗口状态条
推荐阅读
-
前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR
-
前端笔记知识点整合之HTML5&CSS3(上)新特性&音频视频&本地存储
-
前端笔记知识点整合之jQuery(一)加载函数的区别&对象&操作HTML/CSS&动画&选择器
-
前端笔记知识点整合之HTML5&CSS3(下)2D/3D转换&animate动画
-
前端笔记知识点整合之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡
-
前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR
-
web前端基础之HTML5语义化新标签学习笔记(8)学会用语义化标签
-
前端笔记知识点整合之HTML5&CSS3(上)新特性&音频视频&本地存储
-
建站新人_html/css_WEB-ITnose
-
CSS3之圆角_html/css_WEB-ITnose