编程语言前端css
Source
Edit
History

undefined

CSS：Cascading Style Sheet 层叠级联样式。

CSS：表现层（美化网页）字体、颜色、边距、高度、宽度、背景图片、网页浮动。。。

CSS 3.0 最新版本

快速入门

不建议使用下面的方式。 html和css混合

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 规范 <style> 可以编写css的代码,每一个声明最好使用分号结尾
     语法：
        选择器 {
            声明1;
            声明2;
        }
     -->
    <style>
        h1{
            color: red;
        }
    </style>
</head>
<body>

<h1>我是标题</h1>

</body>
</html>

建议使用下面方式，html和css 分离

index.html 和 css 目录处于同级目录

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 规范 <style> 可以编写css的代码,每一个声明最好使用分号结尾
     语法：
        选择器 {
            声明1;
            声明2;
        }
     -->
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>

<h1>我是标题</h1>

</body>
</html>

style.css

1
2
3
h1{
    color: red;
}

css的优势

  1. 内容和表现分离
  2. 网页结构表现统一，可以实现复用
  3. 样式十分的丰富
  4. 建议使用独立于 html 的 css 文件
  5. 利用 SEO，容易被搜索引擎收录