小黑神zxs
小黑神zxs

CSS学习01之我的第一css程序

新的开始

学习完html，我们开始踏上新的征程。
没错这个新的征程就是CSS3，它和html5息息相关！
接下来让我们来了解CSS3吧！

什么是CSS

什么是 CSS？
  1. CSS 指的是层叠样式表* (Cascading Style Sheets)
  2. CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML
  3. 元素 CSS 节省了大量工作。它可以同时控制多张网页的布局
  4. 外部样式表存储在 CSS 文件中

CSS 是一种描述 HTML 文档样式的语言。
CSS 描述应该如何显示 HTML 元素（HTML美颜）。

为什么使用CSS？
  1. CSS 节省了大量工作
  2. 样式定义通常保存在外部 .css 文件中。
  3. 通过使用外部样式表文件，您只需更改一个文件即可更改整个网站的外观！

示例

1.创建一个项目

在这里插入图片描述

2.创建index.html

在这里插入图片描述

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个css程序title>
    
    <link rel="stylesheet" href="css/style.css">
head>
<body>
<h1>
    我的第一个css程序
h1>
body>
html>

3.创建一个css目录

在这里插入图片描述

4.创建一个css样式表style.css

在这里插入图片描述

h1{
    color: red;
    text-align: center;
    font-size: 100px;
}

5.点击浏览器图标运行

使用任意支持html5的浏览器运行（基本都能运行）
在这里插入图片描述

6.测试结果

CSS学习01之我的第一css程序_第1张图片

小结

规范：