div+css布局介绍

上篇文件简单的介绍了html页面,但是html页面只能简单展示文字,如果需要在页面上展示比较好看的排版与布局,就需要映入css样式,也就是div排版布局与css样式

div+css布局介绍
div+css布局介绍

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优化

上一篇:

Add a Comment

您的电子邮箱地址不会被公开。 必填项已用*标注