📜  html 样式标签 - Html (1)

📅  最后修改于: 2023-12-03 15:31:17.483000             🧑  作者: Mango

HTML 样式标签 - HTML

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 选择器

CSS 选择器是一种定义样式的语法,它允许你选择 HTML 元素并设置它们的样式。例如,你可以使用 ID、类名、元素类型等多种选择器来选定你想修改的元素。

CSS 属性

CSS 属性用于定义元素的样式。常见的 CSS 属性包括:

  • color - 设置文本颜色
  • background-color - 设置背景颜色
  • font-size - 设置字体大小
  • text-align - 设置文本对齐方式
  • width - 设置元素宽度
  • height - 设置元素高度
总结
  • HTML 样式标签用于定义 HTML 元素的样式和布局。
  • 常用的样式标签包括 stylelink
  • 内联样式是将样式直接应用于 HTML 元素上的方法。
  • CSS 选择器用于选中 HTML 元素并定义其样式。
  • CSS 属性用于描述元素的样式。