CSS文件顾名思义,是用于装CSS代码的文本文件,而CSS代码具有一定规律规则的文本代码组成。
css文件是以.css为后缀名的,我们看到以.css为后缀的文件就是css文件。
CSS文件是一种与html语言配合使用制作网页的文件,它的作用主要是控制html文章的布局,简单的说就是控制网页的显示外观。
css文件除了具有控制页面布局的作用外,它还可以很好的将html代码与css代码分离,做到内容与布局独立编写,互不干扰,条理更加清晰。
HTML 代码-01
打开以上的 HTML 可以看到什么都没有, 因为 div 并没有设置宽高和颜色等...
打开 HTML-01
先书写一段 HTML 代码为一会儿的 Css 样式做准备
新建记事本
在同级下创建一个 *.txt 记事本文件 ( 本次选择建在同级, 且命名为 index, 有需要也可以放在 css 专属文件夹 或是 styles 文件夹都行 )
笔记本书写 css 样式
在笔记本中书写 Css 代码, 并保存 ( 完成后关闭 )
更改后缀名
关闭后更改文件的后缀名为 index.css, 并在 HTML 中启用 ( 连接 )
HTML 代码-02
连接好了再次打开 HTML 文件就可以看到:
打开 HTML-02
附录: 详细的 Css 代码
Css 示例代码