css⽂本设置艺术字,CSS3中字体和⽂本的相关设置
字体:font(简写属性)
1.font-familyfontweight属性bold
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(⽂本转换)
<-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.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论