CSS 简介

css > 教程 > 简介

CSS 是什么

如果把网页比作精装修的房子，那么 HTML 就是毛坯房，CSS 就是让毛坯房变成精装修好的房子。

示例

body {
  background-color: red;
}
body 表示我们选择 body 这个标签进行样式修改
background-color: red 表示对 body 的背景色修改为红色

CSS 的三种使用方式

1. 行内样式，在HTML元素中使用 "style" 属性
<div style="color: red">内容</div>
2. 内部样式，在HTML文档头部 <head> 区域使用 <style> 标签 来包含CSS
<style type="text/css">
  body {
    background-color: red
  }
</style>
3. 外部资源引用，使用外部 CSS 文件，便于复用及管理（推荐)
<link rel="stylesheet" type="text/css" href="test.css">