精通样式表技术笔记(四)
来源:互联网 发布:c语言中实参和形参 编辑:程序博客网 时间:2024/05/22 13:56
每次将一种generic字体作为最后的选项列在字体列表中是一种很好的做法。你可以选择以下几种:
serif (也可能是 Times)
sans-serif (也可能是 Arial或者 Helvetica)
cursive (也可能是 Comic Sans)
fantasy (也可能是 Ransom)
monospace (也可能是 Courier)
(注意:Netsacpe Communicator不支持Cursive或者fantasy)
其它字体名称诀窍:
如果一种字体的名称不只一个单词,如Gill Sans,在你的CSS代码中用引号包含该字体的名称。
BODY { font-family: "gill sans", "new baskerville", serif }
行内加入的CSS规则,使用单引号:
<P STYLE="font-family:
'gill sans', 'new
baskerville', serif">Text
goes here.</P>
如果你将CSS规则的说明组合在一起,而其中又包含字模系列,将字模系列列在最后,例:
H2 { color: red; margin:
10px; font-family: times,
serif }
17、字号
使用font-size 属性,你可以对文字的尺寸进行无限的控制。
确定这的3种基本方法:
Points, ems, pixels, 及其它单位
关键字
比例参数
Points, Ems, Pixels, 及其它单位
太简单了就不写了!
18、字体风格
字体风格用来控制斜体字的属性,非常漂亮又非常简单:
H3 { font-style: italic }
当浏览器接到应用斜体字的指令后,它将用户的机器中寻找安装的斜体字版本,
如果不存在斜体字,浏览器将生成一种。常,就是指将正常的字体倾斜显示。
如果一种字体的名称为Oblique,而不是Italic,浏览器就会使用oblique作为字体风格的参数。
字体风格的第3种参数是normal,它将取消斜体字风格,将字体以正常形式显示。
字重
加重风格可以关闭或打开,利用字重属性,可以创造出一系列新的加重字体。
P { font-weight: bold }
这是字重最常见的应用方式,而normal属性也可以取消加重字体,将字体以正常形式显示。
你还可以用数值100,200,...900。正常的非加重体的字体值为400,900是最加重的字体参数值。
19、字体特殊效果:
字体参数(font-variant)
这时一种挺简单的属性,你可以将正常文字缩小一半尺寸后大写显示。
H2 { font-variant: small-caps }
文字变形(text-transform)
这项属性可以使你轻而易举地控制字母写。基本代码:
B { text-transform: uppercase }
以下为所有可用的参数:
uppercase 使所有字母大写显示,
例:
This sentence serves as an example.
lowercase使所有字母小写显示,
例:
This sentence serves as an example.
capitalize 使每个单词的第1个字母大写显示,例:
This sentence serves as an example.
none 使所有继承的文字变形参数被忽略,文字将以正常形式显示。
B { text-decoration: underline }
大部分的选项使得文字变得难以阅读:
underline 给文字下划线,例:
these words.
overline给文字上划线,例:
these words.
line-through给文字划出删除线,
例:these words.
blink是你在恶梦中常常看到的--
文字在闪烁,例:
these words.
none使得上述效果都不会发生。
none参数非常有用,你可以使链接的文字不以下划线的形式显示。具体做法:
A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }
20、字间距
利用字间距属性,你可以在字之间加入更的距离:
H3 { word-spacing: 1em }
你所使用的参数值将加入任何浏览器的缺设置,你可以使用任何种长度单位:
in (英寸)
cm (厘米)
mm (毫米)
pt (点数)
pc (打字机字间距)
em (ems)
ex (x-height)
px (象素)
字母间距
H3 { letter-spacing: 10px }
- 精通样式表技术笔记(四)
- 精通样式表技术笔记(一)
- 精通样式表技术笔记(二)
- 精通样式表技术笔记(三)
- 精通样式表技术笔记(五)
- 精通样式表技术笔记(六)
- 精通样式表技术笔记(七)
- C语言学习入们到精通之学习笔记(四)
- 【十天精通div+css布局系列教程】之四:调用样式表
- 精通CSS.DIV网页样式与布局(四) ——页面背景
- css样式学习笔记四
- Qt学习笔记外观篇(四):Qt 样式表实例
- 对链接应用样式--Css学习笔记(四)
- 精通 CSS 滤镜(四)
- 精通 CSS 滤镜(四)
- 精通CSS滤镜(四)
- 四天精通shell编程(四)
- 5日精通样式表一
- struts+dao+hibernate模式
- 2个经典的SOCKET攻击程序
- 利用ie导出excel文件的方法
- JavaScript 获取浏览器的显示区域大小信息
- struts learning summerize
- 精通样式表技术笔记(四)
- ashx是什么文件,如何创建
- 马钢速度
- 群发送邮件类
- Windows XP Embedded 入门
- 精通样式表技术笔记(五)
- 解决关于"因为配置类型不正确,系统无法开始服务器进程..."的错误
- 实现弹出"提示对话框"之后再进行"页面的转向"
- Struts-config.xml配置文件讲解(一)