内联样式

简介: 【6月更文挑战第25天】内联样式。

内联样式
内联样式用于通过将CSS规则直接放入开始标记中来将唯一样式规则应用于元素。可以使用style属性将其附加到元素。

该style属性包括一系列CSS属性和值对。每"property: value"对之间用分号(;)分隔,就像您写入嵌入式样式表或外部样式表一样。但是它必须全部在一行中,即分号后没有换行符,如下所示:

示例

This is a heading

This is a paragraph.

This is some text content.

使用内联样式通常被认为是不好的做法。由于样式规则是直接嵌入HTML标记内的,因此会导致演示与文档内容混合在一起。这使得代码难以维护,并否定了使用CSS的目的。

注意:用内联样式设置伪元素和伪类的样式已成为不可能。因此,应避免在代码中使用样式属性。使用外部样式表是向HTML文档中添加样式的首选方法。

相关文章
|
8月前
|
前端开发
CSS 滚动条样式修改
CSS 滚动条样式修改
93 0
|
8月前
|
前端开发 JavaScript
绑定内联样式
绑定内联样式
|
2月前
|
前端开发 JavaScript UED
|
4月前
|
前端开发
行内样式表(style属性)
行内样式表(style属性)。
46 4
|
5月前
|
前端开发
行内样式和内部样式
【8月更文挑战第24天】行内样式和内部样式。
34 2
|
8月前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
84 2
|
8月前
|
前端开发
CSS显示隐藏的三种方法
CSS显示隐藏的三种方法
|
JavaScript
jquery清除行内样式属性
jquery清除行内样式属性
|
前端开发
CSS 修改滚动条样式
CSS 修改滚动条样式
89 0
|
前端开发
使用 CSS 的 :before 和 :after 选择器做箭头样式
使用 CSS 的 :before 和 :after 选择器做箭头样式