
但是像title可以添加,只是大部分时候没用处。id和class可以随便用,只要id唯一即可。
现在要求样式和内容分离,除了与内容相关的,对外观呈现有设置的尽可能通过class和id来设定,不应该用属性形式写到标签中。
PS:img还是要设置alt、width、height三个属性,这个属于特别。为了用户体验和加载速度,还是设置吧。
方法/步骤1
word-spacing
控制单词间隔
请注意,只是单词间隔
<style>.alsp{ word-spacing:50px}</style>
2
OK,来看看网页效果。
只有单词才会适用于该间隔,中文是不会使用该样式的。
letter-spacing
字符间隔,用于控制字符与字符之间的间距
<style>.alsp{ letter-spacing:50px}</style>
看下网页效果图,所有的字符,无论单词、字母、中文汉字等都分开了。
text-decoration
文字修饰。
none:默认值
underline:添加下划线
overline:添加上划线
line-through:添加删除线
blink:添加闪烁效果
看代码:
<style>.alsp{ text-decoration:underline}</style>
网页效果展示,已经添加了下划线
text-align
设置文本的水平对齐方式
left:左对齐
right:右对齐
center:居中对齐
justify:两端对齐
举例:
<style>.alsp{ text-align:center}</style>
看网页效果,已经居中了
text-indent
文本缩进。控制整体向右缩进
例:
<style>.alsp{ text-indent:30px}</style>
看网页效果图,已经像右缩进了
line-height
文本行高,行高可以设置为长度、倍数、百分比
例:
<style>.alsp{ line-height:50px}</style>
从网页效果来看,其行高已经可以改变,并且为50px
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)