CSS3中字体和文本的相关设置

字体:font(简写属性)

1.font-family
2.font-size
3.font-weight(字重:lighter bold bolder normal )
4.font-style(可以理解成Italic是使用文字的斜体,Oblique是让没有斜体属性的文字倾斜!)
5.font-variant(可取值为normal和small-caps)

1.注意为你的页面添加通用字体,通用字体包括(serif,sans-serif,monosapce,cursive,fantasy)。如果字体名中含有括号记得用引号括住。
2.font-variant会将所有的小写英文改变为小型大写英文。
3.如果使用简写font必须准守两条规则:(1):必须包含font-size和font-family得治。(2):顺序如下:weight style variant不分先后,然后是size最后是family。比如:p{font:bold italic small-caps 0.9rem arial,sans-serif}

文本属性:

text-indent(缩进,设置为长度值)
letter-spacing(字符间距)
word-spacing(单词间距)
text-decoration(文本装饰)
line-height(行高)
text-align(justify left right center)
vertical-align(任一长度值,或sub super top middle bottom)
text-transform(文本转换)

1.text-indent设置可设置为负值(此属性可继承)。2.字符间距letter-spacing对中文是有效的,因为中文之间没有空格,word-spacing不能起作用。3.文本装饰(underline,overline,line-through,blink,none)。
4.行高,比较麻烦,首先,和外边距不同,行高不会叠加。其次行高不设定单位。是个数字,一般在font简写中和font-size连写,比如font:1.2em/1.4 arial sana-serif;如果设置固定数值,字体变大时可能会重叠。因此不用px等绝对数值。5.vertical-align以基线为参照上下移动文本,但是这个属性只影响行内元素。如果你想在垂直方向上对齐块状元素,必须把其display设置为inline。这个多用于添加上下角标设置vertical-align:.4em.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,192评论 0 1
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,217评论 1 4
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,168评论 1 92
  • 一,HTML有N多标签,根据显示的类型,主要可以分为3大类 1,块级标签 独占一行的标签 能随时设置宽度和高度(比...
    张不二01阅读 815评论 0 4
  • 你总是对别人羡慕嫉妒恨,你觉得自己嫉妒心太重,可是如果你不是那么要强,又怎会嫉妒,又如何督促自己变得更好...
    绵羊糖阅读 425评论 2 4

友情链接更多精彩内容