内联样式

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

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

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

示例

This is a heading

This is a paragraph.

This is some text content.

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

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

相关文章
|
4月前
|
前端开发 开发者 UED
css样式
【4月更文挑战第20天】css样式
38 8
|
4月前
|
前端开发 JavaScript
绑定内联样式
绑定内联样式
|
3天前
|
前端开发
定义CSS样式
定义CSS样式。
14 2
|
4月前
|
编解码 前端开发 开发者
CSS样式
【4月更文挑战第22天】CSS样式
33 3
|
1月前
|
前端开发
行内样式和内部样式
【8月更文挑战第24天】行内样式和内部样式。
24 2
|
前端开发
css--引用样式、选择器
css--引用样式、选择器
|
9月前
|
前端开发
CSS样式(上)
CSS样式(上)
CSS样式(上)
|
9月前
|
前端开发 容器
CSS样式(下)
CSS样式(下)
|
移动开发 人工智能 前端开发
|
前端开发
使用 CSS 的 :before 和 :after 选择器做箭头样式
使用 CSS 的 :before 和 :after 选择器做箭头样式