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

最新推荐文章于 2022-04-12 15:46:58 发布

小黑神zxs

最新推荐文章于 2022-04-12 15:46:58 发布

阅读量511

点赞数 2

分类专栏： CSS3详解文章标签： css html css3 前端 idea

本文链接：https://blog.csdn.net/zxs1002/article/details/122849989

版权

CSS3详解专栏收录该内容

18 篇文章 0 订阅

订阅专栏

新的开始

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

什么是CSS

什么是 CSS？

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

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

为什么使用CSS？

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

示例

1.创建一个项目

在这里插入图片描述

2.创建index.html

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个css程序</title>
    <!--规范：<style>可以编写css的代码，每一个声明，最好使用分号结尾
    语法：
        选择器{
            声明1;
            声明2;
            声明3;
        }
    -->
    <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.测试结果

在这里插入图片描述

小结

规范：<style>可以编写css的代码，每一个声明，最好使用分号结尾

作者有话说

博客创作不易，希望看到这里的读者动动你的小手点个赞，如果喜欢的小伙伴可以一键三连，作者大大在这里给大家谢谢了。

小黑神zxs

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS学习01之我的第一css程序

新的开始学习完html，我们开始踏上新的征程。没错这个新的征程就是CSS3，它和html5息息相关！接下来让我们来了解CSS3吧！什么是CSS什么是 CSS？CSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML元素 CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中CSS 是一种描述 HTML 文档样式的语言。CSS 描述应该如何显示 HTML 元素（HTML美颜）。
复制链接

扫一扫