css文本设置艺术字,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.

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值