📅  最后修改于: 2023-12-03 15:31:17.483000             🧑  作者: Mango
HTML 样式标签是用来定义 HTML 元素样式和布局的标签,它们可以通过改变元素的外观和位置来增强 web 页面的视觉效果。
style
标签style
标签用于定义包含在 HTML 文件中的样式。它可以包含 CSS 格式的样式信息,例如字体、颜色、背景等等。style
标签必须在 <head>
标签内部使用。
<head>
<style>
selector {
property: value;
}
</style>
</head>
link
标签link
标签用于从外部文件引入样式表,它可以连接到 CSS 文件、Web 字体或者其他外部资源。在大型网站中使用外部样式表可以使页面加载更快。
<head>
<link rel="stylesheet" href="style.css">
</head>
内联样式是将样式直接作用到 HTML 元素上。它使用 style
属性来定义元素的样式,该属性必须在 HTML 标签内声明。
<p style="color: red; font-size: 16px;">内联样式</p>
CSS 选择器是一种定义样式的语法,它允许你选择 HTML 元素并设置它们的样式。例如,你可以使用 ID、类名、元素类型等多种选择器来选定你想修改的元素。
CSS 属性用于定义元素的样式。常见的 CSS 属性包括:
color
- 设置文本颜色background-color
- 设置背景颜色font-size
- 设置字体大小text-align
- 设置文本对齐方式width
- 设置元素宽度height
- 设置元素高度style
和 link
。