CSS快速入门

2022-01-27 19:11:04

CSS快速入门

第一种方式：直接在head部分的style标签内写css代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--规范，<style>可以编写css的代码，每一个什么声明，最好使用分号结尾
   语法：
       选择器 {
           声明1；
           声明2；
           声明3；
       }
   -->
    <style>
        h1{
            color: antiquewhite;
        }
    </style>
</head>
<body>
<h1>h1标题</h1>
</body>
</html>

第二种方式: HTML与CSS分离(建议使用的规范方式)
CSS的优势：
1. 内容和表现分离
2. 网页结构表现统一，可以实现服用
3. 样式十分丰富
4. 建议使用独立于html的css文件
5. 利用seo，容易被搜索引擎发现

CSS快速入门