内联样式

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

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

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

示例

This is a heading

This is a paragraph.

This is some text content.

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

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

相关文章
|
6月前
|
缓存 前端开发
样式
样式
60 3
|
6月前
|
前端开发 JavaScript
绑定内联样式
绑定内联样式
|
2月前
|
前端开发
行内样式表(style属性)
行内样式表(style属性)。
27 4
|
3月前
|
前端开发
行内样式和内部样式
【8月更文挑战第24天】行内样式和内部样式。
29 2
|
前端开发
使用 CSS 的 :before 和 :after 选择器做箭头样式
使用 CSS 的 :before 和 :after 选择器做箭头样式
|
前端开发
常用样式
常用样式
117 0
|
前端开发
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
138 0
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
|
开发框架 前端开发 开发者
Bookstrap 全局 css 样式-代码|学习笔记
快速学习 Bookstrap 全局 css 样式-代码
132 0