应用letter-spacing属性和word-spacing属性的注意事项
2007-11-17 19:18
399 查看
一、区别:
(1)word-spacing:设置对象中的单词之间的间隔.注意:在应用该标签属性时,英文是默认的都可以使用,而中文时就要注意了
例如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档-SH!</title>
<style>
<!--
.zss{background-color:#0099CC; padding:15px; word-spacing:5px}-->
</style>
</head>
<body>
<ul class="zss"><ol>网站首页 美白专题</ol></ul> (注意此处黄色文字段之间的空格)
</body>
</html>
和
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档-SH!</title>
<style>
<!--
.zss{background-color:#0099CC; padding:15px; word-spacing:5px}-->
</style>
</head>
<body>
<ul class="zss"><ol>网站首页美白专题</ol></ul> (注意此处黄色文字段之间没有空格)
</body>
</html>
结果是不一样的,后者“word-spacing:5px”就没有起到应有的作用
(2)letter-spacing:设置对象中的文字之间的间隔.每一个中文文字以及英文字母之间,都被隔开了所设置的距离,此属性是控制字间距的.其属性值是中英文通吃哦
二、
共同点:word-spacing和letter-spacing二者属性值为长度值,当设置为normal时,为默认值(也就是0).
(1)word-spacing:设置对象中的单词之间的间隔.注意:在应用该标签属性时,英文是默认的都可以使用,而中文时就要注意了
例如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档-SH!</title>
<style>
<!--
.zss{background-color:#0099CC; padding:15px; word-spacing:5px}-->
</style>
</head>
<body>
<ul class="zss"><ol>网站首页 美白专题</ol></ul> (注意此处黄色文字段之间的空格)
</body>
</html>
和
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档-SH!</title>
<style>
<!--
.zss{background-color:#0099CC; padding:15px; word-spacing:5px}-->
</style>
</head>
<body>
<ul class="zss"><ol>网站首页美白专题</ol></ul> (注意此处黄色文字段之间没有空格)
</body>
</html>
结果是不一样的,后者“word-spacing:5px”就没有起到应有的作用
(2)letter-spacing:设置对象中的文字之间的间隔.每一个中文文字以及英文字母之间,都被隔开了所设置的距离,此属性是控制字间距的.其属性值是中英文通吃哦
二、
共同点:word-spacing和letter-spacing二者属性值为长度值,当设置为normal时,为默认值(也就是0).
相关文章推荐
- letter-spacing 和 word-spacing 属性区别
- word-spacing与letter-spacing在文字编辑中的应用
- letter-spacing与word-spacing属性详解
- ASP.NET生成WORD文档服务器部署注意事项
- sencha architect开发sencha touch应用注意事项
- 上层应用调用自定义的系统服务注意事项
- 在Tomcat中配置应用Context的一些差异与注意事项。
- JavaService应用中的注意事项
- servlet request常见应用一(二):获取表单数据的注意事项
- java学习之类,方法,属性,变量注意事项
- 关于Android应用开发的一些安全注意事项
- VS2015中设置D3D12根签名HLSL文件自动编译属性时的注意事项
- 加密芯片——AES算法特点与应用注意事项
- 组件属性流化注意事项
- Solr_stopword相关注意事项
- 论编写商业化软件/应用注意事项
- 关于EditText的android:maxLength属性的注意事项
- Word中插入带公式的Visio注意事项
- FLEX RSL应用注意事项
- RG-Route-map应用及注意事项