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前端学习笔记 ...
随机推荐
- centos上安装jdk环境
老沙采用的环境是centos 6.5 64位服务器.在linux上安装jdk环境都很多中方式,这里讲解下手工进行安装并进行环境变量配置. 首先需要下载一个64位版本的linux,可以去oracle官网 ...
- [Sciter系列] MFC下的Sciter–1.创建工程框架
Sciter SDK中提供的Win32下例程很多,唯独使用很多(对我个人而言)的MFC框架下Sciter程序的构建讲的很少,虽然MFC有这样那样的诟病,但是不可否认的是编写一般的小项目,这仍然是大 ...
- Qualcomm Web Site For Android Development
https://www.codeaurora.org/xwiki/bin/QAEP/release https://support.cdmatech.com/login/ https://chipco ...
- 面试题总结之C/C++/MISC
C C pointer,指向数据结构与指向char的指针有区别吗 它们正做+1运算时产生的位移不同 分配在堆的内存与分配在堆栈的内存有什么不同 分配在堆的内存要手动去释放 C structure,数据 ...
- [设计模式1]--单例模式(SINGLETON)
搞笑解释: 俺有6个漂亮的老婆,她们的老公都是我,我就是我们家里的老公Sigleton,她们只要说道“老公”,都是指的同一个人,那就是我 定义: 单例模式确保某一个类只有一个实例,而且自行实例化并向整 ...
- Excel导入导出帮助类
/// <summary> /// Excel导入导出帮助类 /// 记得引入 NPOI /// 下载地址 http://npoi.codeplex.com/rele ...
- fail-fast机制
在JDK的Collection中我们时常会看到类似于这样的话: 例如,ArrayList: 注意,迭代器的快速失败行为无法得到保证,因为一般来说,不可能对是否出现不同步并发修改做出任何硬性保证.快速失 ...
- 关于IO的一些数字
http://static.googleusercontent.com/external_content/untrusted_dlcp/research.google.com/en/us/people ...
- 【Android】关于pix,dip,dip,sp等相关概念
1.px (pixels)像素 – 是像素,就是屏幕上实际的像素点单位. dip或dp (device independent pixels)设备独立像素, 与设备屏幕有关. sp (scaled p ...
- C#当中的泛型和java中的对比
1.C#中的泛型 先写一个Demo: namespace generic { public class Program { static ...

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