新的开始

学习完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的代码，每一个声明，最好使用分号结尾

作者有话说

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

CSS学习01之我的第一css程序相关推荐

CSS学习笔记（3）【CSS元素显示模式以及背景设置】
CSS基础学习一.CSS元素的显示模式(了解) 在HTML中将所有标签分为容器级和文本级两类在CSS中将所有的标签分为块级元素和行内元素 1.什么是块级元素和行内元素? 块级元素会独占一行而行内元 ...
CSS学习笔记（二十一）CSS变量var()
CSS 变量 CSS 变量 var() 函数用于插入 CSS 变量的值. CSS 变量可以访问 DOM,这意味着您可以创建具有局部或全局范围的变量,使用 JavaScript 来修改变量,以及基于媒体 ...
CSS学习，Pixy图像翻转和CSS精灵
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
CSS学习笔记（十二）CSS 水平导航栏
CSS 水平导航栏水平导航栏有两种创建水平导航栏的方法:使用行内或浮动列表项. 行内列表项构建水平导航栏的一种方法是,除了上一章中的"标准"代码外,还要将 <li> ...
Mybatis学习笔记（1）——第一个程序
暑期之前就有打算学习SSM,但是我记得当时再配置一个框架疯狂报错,弄得我很难受,,再加上当时有点其他事情,所以就放了下来.现在很有需求要会ssm,所以就学了一下.感觉框架这东西配置就烦的要死.错一丁点 ...
Zigbee 学习计划——第1天——第一个程序
今晚处理完一些事情后,在家里的本本上又装了一遍IAR和Z-stack环境.并试验了一下第一个点灯的例子. 在debug时,设置断点出现以下问题: ①不能双击代码行首快速设置断点 ②设置断点后,点击do ...
【java学习笔记day01】运行第一个程序Helloworld！
java学习笔记day01 2.什么是软件工程师? 3.什么是软件? 4.开发软件需要计算机编程语言,计算机编程语言有很多,例如 c, c++,Java,NET,c#,php... 5.Java软件工 ...
OpenGL学习笔记（2）第一个程序——犹他茶壶（Teapot）
好了,python+opengl的开发环境搭建好后,我们就可以开始学习了. 这里,我们先学习一个常见的例子--犹他茶壶. 先贴代码
Perl语言学习（Perl安装+编辑第一个程序）
由于公司需要,本人最近在学习Perl这种脚本语言,本文是我在学习Perl的过程中总结出来的一些心得和笔记,希望能够帮助也在学习Perl的各位同僚.废话不多说直接上干货!!! ------------- ...

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