css控制字间距和字母间距

面要学习的CSS属性可以使你做到HTML标签 做不到的事情:控制字间距及字母间距。

字间距

利用字间距属性,你可以在字之间加入更 多的距离:

H3 { word-spacing: 1em }

你所使用的参数值将加入任何浏览器的缺 省设置,你可以使用我们昨天谈到的任何 一种长度单位:

  • in (英寸)
  • cm (厘米)
  • mm (毫米)
  • pt (点数)
  • pc (打字机字间距)
  • em (ems)
  • ex (x-height)
  • px (象素)

以下为显示结果:

Behold the power of cheese.

如果你的浏览器不支持这种CSS属性,请 点击这里查看显示效果。

如果你看不到任何不同之处,则说明你的 浏览器不支持这种属性,只有MAC机用的IE 4能支持这种字间距设置。

字母间距

字母间距可以在IE 4中应用,但 Communicator不行,唉...

H3 { letter-spacing: 10px }

字母间距的功能和字间距的很类似:其参 数值将被加入到浏览器的缺省设置中,你 可以使用上述任何一种长度单位。

如果你用的是IE 4,这里是一个例子:

Behold the power of cheese.

对于这两种属性,你都可以使用normal参 数。从而使其按照浏览器的原有缺省设置 显示。

别沮丧,还有很多CSS属性可以在两种浏 览器上都可使用。

时间: 2024-10-26 18:03:46

css控制字间距和字母间距的相关文章

CSS控制ul缩进间距和去掉li点的方法

 一.CSS控制ul缩进间距的方法: <style type="text/css"> ul{margin-left:-10px;} </style> <ul>      <li>电脑软硬件应用网www.45it.com</li> </ul> 二.CSS去掉li点的三种方法: 方法一: <ul>      <li style="list-style-type:none;">

MathType怎么调整字母间距

  1.打开MathType编辑窗口编辑公式. 2.选中需要调整间距的字母,在"空格和椭圆"模板中选择相应的需要点击即可,第一个是对准标记,第二个是减少字母之间的间距,第三个是加大间距,后面几个类似的模板只是加大的间距大小不一样.

CSS控制字体效果的思考

css|控制 字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的. 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的.看看下面的图示就会发现,英文字体里的那些变化在中文字体里都弱化了. 作为中文的读者,习惯性的接受方块形状做为阅读的单元,其实对于眼睛来说,这是一种容易疲劳的方式,阅读的时候你的视线实际上是跟随整行文字的外形.看看这个例子. NOW I'

CSS控制网页中文本的技巧

css|技巧|控制|网页|中文 控制文字的样式 控制文字的样式包括文字大小写.文字修饰两个部分. 1.文字大小写 文字大小写使网页的设计者不用在输入文字时就完成文字的大小写,而可以在输入完毕后,再根据需要对局部的文字设置大小写. 基本格式如下: text-transform: 参数 参数取值范围: ·uppercase:所有文字大写显示 ·lowercase:所有文字小写显示 ·capitalize:每个单词的头字母大写显示 ·none:不继承母体的文字变形参数 注意:继承是指HTML的标识符对

网页制作中应用CSS控制文本的主要指令

css|控制|网页 本章CSS的主要作用 本章要介绍的是文字相关的CSS指令.通 常一个网站的内容最多的就是文字了,透过这些文字相关的CSS指令,您可以将您的 网页内容排版得美美的.本章将分两个部份为您介绍,第一部份是字型性质的CSS指 令,用以控制文字字型的各种样式:第二部份介绍的是文字性质的CSS指令,用以控 制文字段落的外观及摆设方式. 字型性质的CSS指令 font-family 设定文字字型 支 持:IE3.IE4适 用:所有元素可能值: <family-name> 字型名称 预设值

css控制不同段落出现不同的效果

css控制不同段落出现不同的效果,即对同一种html元素分类: html页面内容: <html> <head> <title>对同一种html元素分类</title> <link rel="stylesheet" type="text/css" href="test.css" /> </head> <body> <p class="cls1&quo

用css控制标题字符溢出,用省略号表示

 css控制文章列表,让标题溢出的文字以省略号方式表现. <div style="width:300px; height:22px;line-height:22px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;">测试一下效果看能不能达到只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶 </div> 用上面这段代码就可以实现,但如果要实现效果就得结合多个css的定义才

用CSS控制输入框input悬停交互样式

制作表单的时候,实现鼠标悬停交互效果有多种方法: 1.在xhtml中直接写入onmouseover.onmouseout脚本就可以实现了,但这样就违背了web标准所倡导的内容.表现相分离的原则.以后若要对此进行修改也将会很繁琐.这样直接写入xhtml也会让页面代码增加,如果只是一个input输入框或许是无所谓的,如果是几十个几百个,增加的字节数就很宠大了. 2.在xhtml中加入小脚本,鼠标经过时可以切换CSS.具体内容请看这篇文章.虽然实现了内容.表现相分离,以后的修改也会很方便.但同样会让页

CSS控制图片代码:让网页图片自适应大小

文章简介:CSS控制图片代码:让网页图片自适应大小. 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600