HTML的style属性

马黑黑 · 发表于 2021-12-12 16:52

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由马黑黑于 2021-12-12 16:58 编辑

在 HTML 里，有 style 标签，还有 style 属性。作为标签，论坛发帖者无从使用 style ，故而我们对 style 标签假装没看见，我们只讨论 style 属性。

style 属性规定元素的行内样式，即 inner style，它不是事先规范或定义的，而是根据需要在任意一个元素使用时临时加以规定该元素的某些样式，即在“本行”中的样式，或换言之，此时该元素的临时规定或定义的样式。

通俗地讲，style 属性就是元素在使用时，比如当制作一个表格时， <table> 标签以及其下的子标签 <td> 等，我们都可以通过 style 属性对之进行临时性的规范或定义，像定义文本大小、颜色，表格边框的一些特性。这些临时定义将覆盖全局样式定义，就是说它们不受事先在 CSS 中定义的样式的影响，style 里定义的是什么样的就以这个来渲染效果，全局定义的样式被 style 样式覆盖掉。

可见，这个 style 属性非常适合论坛发帖者使用。而作为维护，站长估计不会喜欢使用，例如，整站风格的变换，这些密密麻麻出现的 style 语句是不方便批量修改的。

style 属性虽可覆盖全局样式，但其所规范和定义的样式也不是不可以改变，DOM的优先权设定机制可以通过JS对文档所有设定重新设定，此是外话，不提。

style属性的语法：

style = "值一:值; 值二:值;"

style属性的例句：

<h1 style="color:#ff0000; font-size:40px;">文章标题</h1>

【说明】

① style 不能独立使用，它使用于元素之中，如上例的 <h1> 标签的起始符号内；
② style 描述一个值的方法是：值名称:值，如 color:#ff0000 中，color 是值名称，#ff0000 是颜色值；
③ style 可以定义多个值，两个值之间用小角分号隔开，最后一个值可以省略小角分号；
④ style 的值描述必须放在一对小角引号里；
⑤ style 所用到的标点符号都是小角符号，字母和数字只承认小角的（字母不区分大小写但建议使用小写）

熟悉使用 style 属性，需要逐步掌握HTML各标签的属性，style 是基于它们的属性而设计的。