上篇文件简单的介绍了html页面,但是html页面只能简单展示文字,如果需要在页面上展示比较好看的排版与布局,就需要映入css样式,也就是div排版布局与css样式
![div+css布局介绍](https://bluehost.tv/bhwordpress/blog/2019/SEO-29.jpg)
1. 什么是css样式
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力
2. 如何使用css样式
2.1在标准的html页面下
在 内添加一个 样式标签
在 样式标签 增加一个样式
.main{
background: #808080;
width:200px;
height:200px
}
这句话的意思是创建一个200px的方块,背景颜色为#808080
然后在 创建一个
并且添加main样式
2.2使用css样式文件
在flask程序文件夹下static 文件夹下添加一个 main.css样式并且添加上述的.main样式
在html 头文件中添加
如果是普通的html文件直接添加
同样的也是在 创建一个
并且添加main样式 (相关阅读:如何建立网站结构更有利于SEO优化)