什么是行内样式
行内样式,其实从它的名字就可以看出来它的特点,就是直接在 HTML 标签中使用 style 属性设置 CSS 样式。例如像下面这样的:
<p style="font-size: 18px;">行内样式</p>
HTML 中的 style 属性提供了一种改变所有 HTML 元素样式的通过方法,语法格式如下所示:
<标签 style="样式声明1;样式声明2;样式声明3"></标签>
要记得用在每个样式声明之间使用分号 ; 分隔哟,否则样式会失效的。
示例:
例如下面这段代码,通过 CSS 行内样式,将第一个段落中的字体设置成了 20px,颜色为红色,加粗显示。第二个段落中的字体大小设置为 16px,颜色为绿色,倾斜显示:
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>CSS学习</title>
</head>
<body>
<p style="font-size: 20px;color: red;font-weight: bold;">这是行内样式</p>
<p style="font-size: 16px;color: green;font-style: italic;">这是行内样式</p>
</body>
</html>