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

HTML的style属性

本帖最后由 马黑黑 于 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 是基于它们的属性而设计的。

加林森 发表于 2021-12-12 16:57

本帖最后由 加林森 于 2021-12-12 16:58 编辑

坐下来,慢慢聆听黑老师的指导!{:4_199:}

马黑黑 发表于 2021-12-12 17:02

<p>h&nbsp;标签&nbsp;样式比较:</p>
<div><br><br>
使用 style 属性:红色+40像素——

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

不使用 style 属性:论坛默认样式——<br><br>


<h1>文章标题</h1>

</div><div><br></div>

马黑黑 发表于 2021-12-12 17:03

加林森 发表于 2021-12-12 16:57
坐下来,慢慢聆听黑老师的指导!

干蟹干蟹

加林森 发表于 2021-12-12 17:13

本帖最后由 加林森 于 2021-12-12 17:15 编辑 <br /><br />马黑黑 发表于 2021-12-12 17:03
干蟹干蟹
抓走抓走

马黑黑 发表于 2021-12-12 19:09

加林森 发表于 2021-12-12 17:13
本帖最后由 加林森 于 2021-12-12 17:15 编辑
抓走抓走

{:4_187:}

千羽 发表于 2021-12-12 20:25

黑黑老师什么都会,{:4_205:}

千羽 发表于 2021-12-12 20:26

感觉你就是度娘了,需要的都可以在你这查找{:4_187:}

辫子哥哥 发表于 2021-12-12 20:48

马黑老师好{:4_187:}

红影 发表于 2021-12-12 21:01

跟在后面一点点学习。这个讲解真详细,谢谢黑黑{:4_187:}

马黑黑 发表于 2021-12-12 21:53

红影 发表于 2021-12-12 21:01
跟在后面一点点学习。这个讲解真详细,谢谢黑黑

不会太难吧

加林森 发表于 2021-12-12 22:09

马黑黑 发表于 2021-12-12 19:09


咱们就活学活用,行不?

马黑黑 发表于 2021-12-12 22:10

加林森 发表于 2021-12-12 22:09
咱们就活学活用,行不?

当然可以的

加林森 发表于 2021-12-12 22:12

马黑黑 发表于 2021-12-12 22:10
当然可以的

好的好的

马黑黑 发表于 2021-12-12 22:14

加林森 发表于 2021-12-12 22:12
好的好的

{:4_180:}

加林森 发表于 2021-12-12 22:29

马黑黑 发表于 2021-12-12 22:14


{:4_191:}

马黑黑 发表于 2021-12-12 22:51

加林森 发表于 2021-12-12 22:29


{:4_176:}

马黑黑 发表于 2021-12-12 22:55

千羽 发表于 2021-12-12 20:25
黑黑老师什么都会,

哪里哪里?果酱了

马黑黑 发表于 2021-12-12 22:56

千羽 发表于 2021-12-12 20:26
感觉你就是度娘了,需要的都可以在你这查找

请注意俺是男性公民{:4_170:}

加林森 发表于 2021-12-12 23:22

准备睡觉了
页: [1] 2 3 4 5 6
查看完整版本: HTML的style属性