内联样式

简介: 【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
绑定内联样式
绑定内联样式
|
14天前
|
前端开发 JavaScript UED
|
2月前
|
前端开发
行内样式表(style属性)
行内样式表(style属性)。
31 4
|
前端开发
使用 CSS 的 :before 和 :after 选择器做箭头样式
使用 CSS 的 :before 和 :after 选择器做箭头样式
|
前端开发
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
139 0
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
|
前端开发
常用样式
常用样式
117 0
|
Web App开发 前端开发
如何自定义CSS滚动条的样式?
原文:如何自定义CSS滚动条的样式? 欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表 本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的滚动条。
1235 0
|
Android开发
第12章 样式(六)
设备样式 Xamarin.Forms包含六种内置动态样式。 这些被称为设备样式,它们是名为Styles的嵌套类的成员。 这个Styles类定义了12个静态和只读字段,有助于在代码中引用这六个样式: Style样式的BodyStyle。
1293 0