CSS
CSS 专门用来"美化"标签
- 基础CSS,写简单的界面 &能看懂 &会改就行
- 模块，调整和修改
快速了解
style 这种就叫css样式
<img src"..." style="height: 100px" />
<div style="color:red;">
内容
</div>
CSS应用方式
在标签上
<img src"..." style="height: 100px" />
<div style="color:red;">
内容
</div>
在head标签中
注意一定是有个【点+名字】，例如 .c1,这相当于给这个类取名字，这样后面如果谁使用的话直接用名字就可以进行操作了
在标签上使用的时候要注意是class="内容"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户登记</title>
<style>
.c1{
color:red;
}
</style>
</head>
<body>
<h1 class='c1'>用户登录</h1>
<h1 class='c1'>用户登录</h1>
<h1 class='c1'>用户登录</h1>
</body>
</html>
写到文件中
css文件中的代码
.c1{
height:100px;
}
.c2{
color:red;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户登记</title>
#在static目录下新建的common.css文件
<link rel="stylesheet" href="/static/common.css">
</head>
<body>
<h1 class='c1'>用户登录</h1>
<h1 class='c2'>用户登录</h1>
<h1 class='c1'>用户登录</h1>
</body>
</html>
问题：用Flask框架开发不方便
- 每次都要重启
- 规定有些文件必须放特定的文件夹
- 创建一个界面
- 函数
- HTML文件
如何快捷打开内置网站
在pycharm中打开这个浏览器中就可以看到了
往期回顾
1.【快速开发网站】
2.【浏览器能识别的标签1】
3.【浏览器能识别的标签2】
4.【浏览器能识别的标签3】
5.【浏览器能识别的标签4】
6.【案例1：用户注册】
7.【案例2：用户注册改进】