[翻译]标记语言和样式手册 Chapter 13 为文字指定样式(5)
作者:zhaozy 来源:3user.com 时间:2008-02-15 16:08:00
转化文字
有个text-transform属性能转化文字内容的大小写,而不管标记内容的大小写是怎样的.举例来说,标题是以下面这段的写法标记的:
<h1>A Painting Tip</h1>
只要在CSS内使用text-transform属性,就能把整个标题转化成大写(想要的话也能转化成小写),而不必修改标记源代码的内容,除了先前为<h1>标签加上的样式之外,把标题全部变成大写的CSS规则就是这么简单:
h1 {
letter-spacing: 4px;
font-style: italic;
text-align: center;
text-transform: uppercase;
}
成果就像13-9这样,不必与标记源代码较劲了,只要改改CSS,就能改变页面(甚至整个网站)某些特定标签的大小写用法.
图13-9 用CSS把标题变成大写
小型大写字母
大多数浏览器都支持font-variant属性,让我们以小型大写字母修饰内容(也就是以不同大小的大写文字显示内容).
让我们为示例的标题加上font-variant属性:
h1 {
letter-spacing: 4px;
text-align: center;
font-variant: small-caps;
}
图13-10 显示了标题换用小型大写字母之后的效果:这又是一个以标记语法和CSS模仿印刷界做法的方法.
图13-10 用了小型大写字母的标题
标签:文字,样式,标记,css,手册
0
投稿
猜你喜欢
sql获取存储过程返回数据过程解析
2024-01-20 07:52:47
Mysql注入中的outfile、dumpfile、load_file函数详解
2024-01-21 01:30:47
可用于监控 mysql Master Slave 状态的python代码
2023-01-05 07:39:30
python使用正则表达式匹配txt特定字符串(有换行)
2023-03-23 07:46:03
如何从IP获知其所在地?
2009-11-15 19:54:00
python函数的作用域及关键字详解
2021-11-26 04:38:30
python列表推导式的原理及使用方法
2022-01-23 13:47:03
Python把csv数据写入list和字典类型的变量脚本方法
2021-05-27 22:04:20
python列表的切片与复制示例分析
2023-07-15 02:12:34
Python面向对象class类属性及子类用法分析
2021-07-22 03:04:46
Go中recover与panic区别详解
2024-05-10 13:58:22
matplotlib绘制符合论文要求的图片实例(必看篇)
2023-08-12 08:08:39
babel的使用及安装配置教程
2024-04-19 10:26:11
C#/.Net 中快速批量给SQLite数据库插入测试数据
2024-01-27 02:19:36
解析优化MySQL插入方法的五个妙招
2024-01-19 13:13:49
五种SQL Server分页存储过程的方法及性能比较
2024-01-17 03:49:18
python获取从命令行输入数字的方法
2021-08-23 15:19:02
eWebEditor在线HTML编辑助手下载及安装使用说明
2008-10-11 13:58:00
Python图像处理模块ndimage用法实例分析
2023-09-08 16:52:26
OpenCV 轮廓检测的实现方法
2023-06-16 01:40:48