HTML的属性是否适合html任何标签

HTML的属性是否适合html任何标签,第1张

大部分标签有专用属性。比如alt属性基本上只有img标签用。除了a标签和link标签,href属性也没什用处。

但是像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


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7553217.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-07
下一篇2023-04-07

发表评论

登录后才能评论

评论列表(0条)

    保存