Web前端新人笔记之CSS字体
本章内容是阅读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 用于窗口状态条
Web前端新人笔记之CSS字体的更多相关文章
- Web前端新人笔记之CSS值和单位
数字 颜色——命名颜色 在Css2.1中规范定义了17个颜色名.包括html4.0中定义的16个颜色及外加一个橙色: <h1 style="color=aqua">aq ...
- Web前端新人笔记之CSS结构和层叠
上一篇文章介绍了如何利用CSS选择器为元素应用各种丰富的样式,每个合法的文档都会生成一个结构树,了解这一点,就能根据元素的祖先.属性.兄弟等元素穿件选择器选择元素. 本篇文章将讨论3中机制之间的关系: ...
- Web前端新人笔记之文本属性
前一段时间因工作时间减缓了更新笔记的时间.我也不知道有没有会观看并且能不能帮到一些初学者,这只是我的一些小随笔而已.当然我也希望的的每一篇随笔都可以帮到更多的想要学习前端开发的初学者们,更希望你们也可 ...
- Web前端新人笔记之了解Jquery
与javaScript相比,Jquery更简洁.浏览器的兼容性更强,语法更灵活,对xpath的支持更强大.一个$符就可以遍历文档中各级元素.例:在页面上有一个无序列表,我们需要将所有列表项中的文本内容 ...
- Web前端新人笔记之jquery选择符
jquery利用了CSS选择符的能力,让我们能够在DOM中快捷而轻松的获取元素或元素集合.本章将介绍以下内容: 1.网页中的元素结构: 2.如何通过CSS选择符在页面中查找元素: 3.扩展jquery ...
- Web前端新人笔记之height、min-height的区别
浏览器参照基准:Firefox, Chrome, Safari, Opera, IE: * IE6不支持CSS min-height属性.最小高度的定义:1. 元素拥有默认高度:2. 当内容超出元素 ...
- Web前端新人笔记之jquery入门
本章将为大家介绍以下几点内容: 1.jquery的主要特点: 2.建立jquery的编码环境: 3.简单jquery脚本示例: 4.选择jquery而不是纯javaScript的理由: 5.常用的jq ...
- Web前端新人笔记之HeightCharts基础
通常情况下,Highcharts包含标题(Title).坐标轴(Axis).数据列(Series).数据提示框(Tooltip).图例(Legend).版权信息(Credits)等,高级的还包括导出功 ...
- Web前端学习笔记(001)
....编号 ........类别 ............条目 ................明细....................时间 一.Web前端学习笔记 ...
随机推荐
- iOS FONT字体名
下面这段代码可以查看ios中可用的字体,具体那些字体长什么样,可以查看字体册工具. NSArray *familyArray = [UIFont familyNames]; for (id famil ...
- [AngularJS] Best Practise - Resolve promises in router, defer controllers
See more:http://toddmotto.com/opinionated-angular-js-styleguide-for-teams/ /** * Created by Answer12 ...
- 解决content is not allowed in prolog问题
将xml文档用notepad++以UTF-8无BOM格式编码保存便可以了
- [Effective C++ --027]尽量少做转型动作
引言 ...
- [Effective C++ --014]在资源管理类中小心copying行为
第一节 <背景> 条款13中讲到“资源取得的时机便是初始化时机”并由此引出“以对象管理资源”的概念.通常情况下使用std中的auto_ptr(智能指针)和tr1::shared_ptr(引 ...
- android中设置快捷键方法setShortcut参数的说明
setShortcut之所以要两个参数来设定两个快捷键是为了应对不同的手机键盘.数字快捷键为12键键盘(0~9,*,#,共12个按键)所准备的.其实我怀疑有这种键盘的手机能装Android么?因为我的 ...
- 关于Android模拟器键盘不能使用的解决方法
很多朋友遇到一个问题,自己搭建完了Android环境后,启动模拟器体验Android系统,但是发现不能使用键盘方便的输入内容,如下图: 同时,使用笔记本的键盘也无法输入内容,只能通过模拟器内置的输入法 ...
- phpcms v9 模板标签说明整理
1.{template "content","header"} 2.网站网址调用:{siteurl($siteid)}: 3.标签get:分页,{pc:get ...
- Android(java)学习笔记135:Android中assets文件夹资源的访问
Android资源文件分类: Android资源文件大致可以分为两种: 第一种是res目录下存放的可编译的资源文件: 这种资源文件系统会在R.java里面自动生成该资源文件的ID,所以访问这种资源文件 ...
- spring-boot + Ehcache without XML
http://stackoverflow.com/questions/21944202/using-ehcache-in-spring-4-without-xml 1.Ehcache配置类 @Conf ...

使用通用字体系列 可以使用属性font-family在文档中采用上述任何字体系列
使用引号只有当一个字体名中有一个或多个空格,或者如果字体名包括#或$之类的符号,才需要在font-family声明中加引号。
字体大小利用font-size属性,CSS允许对字体的大小有更多的控制
字体变形除了大小风格,字体还可以变形。
字体拉伸
字体拉伸——拉伸字体字符
font属性
使用系统字体caption 用于有标题的控件icon 用于对图标加标签menu 用于菜单,下拉菜单和菜单列表message-box 用于对话框small-caption 用于对小控件加标签status-bar 用于窗口状态条