揭秘CSS(第 1 版)
1.5.3 创建内联样式表
阅读(

概述

CSS简介

CSS开发环境

CSS语法

CSS属性的值

创建样式表

创建内嵌样式表

创建外部样式表

创建内联样式表

内联样式表(inline style),就是在HTML元素中,通过 style 属性定义的样式。可以为包含在 body 内部的任何元素定义 style 属性,属性的值为一条或多条声明,多条声明间用逗号隔开。如:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>内联样式</title>
</head>
<body>
<p style = "color: red; font-weight: bold">这个段落将显示为红色粗体</p>
</body>
</html>

上述代码通过 p 元素的 style属性,为段落元素定义了一个内联样式,让段落中的文本以红色、粗体显示。

内联样式是所有方法中最直接的一种,但它会导致表现和内容的耦合,与CSS的表现和内容相分离的设计理念背道而驰,极大损害了样式表的优势。所以,通常不推荐使用 style属性,笔者更是坚决反对使用内联样式。

然而,事情并非总是一成不变的。如果某些样式确实只在某标签中使用一次,也可以使用行内样式。同样,如果某些样式仅仅在某文件中使用,也可以使用内嵌样式。但是,既然选择如此,日后维护这些样式所带来的痛苦,你也要默默承受。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验