Css样式详解--字体样式和链接样式【已经熟记,形成文本】
2013-09-23 21:45
267 查看
1.指定字体:font-family
(1)实用通用字体系列:body {font-family: sans-serif;}
(2)制定字体系列:
h1 {font-family: Georgia, serif;}
在所有 font-family 规则中都提供一个通用字体系列。这样就提供了一条后路,在用户代理无法提供与规则匹配的特定字体时,就可以选择一个候选字体。【serif】
(3)实用引号:
只有当字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,才需要在 font-family 声明中加引号
2.字体风格:
normal - 文本正常显示italic - 文本斜体显示
oblique - 文本倾斜显示
【重点:字体的缩写 字体:style variant weight size line-height family】
font-style:italic; font-variant:small-caps;//可以设定小型大写字母 font-weight:bold; font-size:1em;//em:pixels/16=em line-height:140%; font-family:"Lucida Grande",sans-serif;
可以缩写为
font:italic small-caps bold 1em/140%"Lucida Grande",sans-serif;
CSS 字体属性
属性 | 描述 |
---|---|
font | 简写属性。作用是把所有针对字体的属性设置在一个声明中。 |
font-family | 设置字体系列。 |
font-size | 设置字体的尺寸。 |
font-size-adjust | 当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。) |
font-stretch | 对字体进行水平拉伸。(CSS2.1 已删除该属性。) |
font-style | 设置字体风格。 |
font-variant | 以小型大写字体或者正常字体显示文本。 |
font-weight | 设置字体的粗细。 |
3.设置链接样式
a:link {color:#FF0000;} /* 未被访问的链接 */ a:visited {color:#00FF00;} /* 已被访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */ a:active {color:#0000FF;} /* 正在被点击的链接 */
当为链接的不同状态设置样式时,请按照以下次序规则:
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
相关文章推荐
- Css样式详解--背景样式【已经熟记,形成文本】
- Css样式详解--文本样式【已经熟记,形成文本】
- Css样式详解--其他样式【已经熟记,形成文本】
- Css样式--字体样式和链接样式详解
- Css样式--文本样式详解
- CSS样式二--字体、文本样式
- CSS样式----CSS属性:字体属性和文本属性(图文详解)
- CSS样式笔记_背景文本字体链接
- css 样式设计(一)( 在线150个例子 | 背景 | 文本 | 字体 | 链接 | 列表 | 表格 | 盒模型 | 边框 | 轮廓 | 边距 | 填充 |分组和嵌套 | 尺寸 | 定位 | 浮动 |对齐 )
- 3.CSS基本样式:背景、文本、字体、链接、列表、表格、轮廓
- android:TextView中的文本链接之--设置超链接、颜色、字体等属性
- CSS:设置文本与字体样式
- 详解CSS网页布局中默认字体样式
- iOS-详解文本属性attributes,设置段落格式,空心字体
- ios开发之改变UIWebView文本字体的样式和大小
- 小程序如何在text文本加入不同的字体样式
- (1)一些css样式—链接、列表、表格、轮廓、字体
- 【POI】使用POI 创建生成XLS,打开xls文件提示【此文件中某些文本格式可能已经更改,因为它已经超出最多允许的字体数。】
- IE7中英文混合文本的字体样式控制问题,使用js解决
- css中的文本 字体 链接 表格