网络请求
在浏览器的URL中写入地址，点击回车，访问 浏览器会发送数据过去，本质上发送的是字符串 "GET/exp https://www.baidu.com/swd=%E5%AE%89%E5%8D%93%E7%B3%BB%E7%BB%9F&" "POST ......"
get请求会把数据传入到URL中【URL方法/表单提交】
post请求不会，效果一样【表单提交】
from标签
#form标签，method表示提交方法，action表示提交的地址，使用submit提交方式 <form method="get" action=""> <div> 账号<input type="text"> </div> <div> 密码<input type="password"> </div> <div> 男<input type="radio" name="n1"> 女<input type="radio" name="n1"> </div> <div> 爱好<br> 篮球<input type="checkbox"> 足球<input type="checkbox"> 棒球<input type="checkbox"> </div> <div> <input type="button" value="提交"> <input type="submit" value="提交"> </div> </form>
get
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/register')
def register():
return render_template('register.html')
@app.route('/do/reg')
def do_register():
print(request.args)
return "注册成功"
if __name__ == '__main__':
app.run()
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>用户注册</h1> <form method="get" action="/do/reg"> <div> 账号<input type="text" name="username"> </div> <div> 密码<input type="password" name="passwd"> </div> <div> 男<input type="radio" name="n1"> 女<input type="radio" name="n1"> </div> <div> 爱好<br> 篮球<input type="checkbox"> 足球<input type="checkbox"> 棒球<input type="checkbox"> </div> <div> <input type="submit" value="submit提交"> <input type="button" value="button提交"> </div> </form> </body> </html>
post,一般使用post
@app.route('/post/reg',methods=['POST'])
def post_register():
print(request.form)
return "注册成功"
<form method="post" action="/post/reg">
css
ID选择器
#c1{
color:red;
#边框为红色
border:1px solid red;
}
<div id="c2">中国移动</div>
类选择器
.xx{
color:blue;
}
<div class="xx">中国联通</div>
标签选择器
li{
color: pink;
}
<ul>
<li>北京</li>
<li>上海</li>
<li>山东</li>
</ul>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.xx{
color: dodgerblue;
}
#c2{
color: aqua;
}
li{
color: pink;
}
</style>
</head>
<div class="xx">中国联通</div>
<div id="c2">中国移动</div>
<ul>
<li>北京</li>
<li>上海</li>
<li>山东</li>
</ul>
</body>
</html>
属性选择器
.v1[xx="123"]{
color: blueviolet;
}
<div class="v1" xx="123">hellow world</div>
<div class="v1" xx="456">hellow world</div>
<div class="v1" xx="789">hellow world</div>
后代选择器
li{
color: pink;
}
<ul>
<li>北京</li>
<li>上海</li>
<li>山东</li>
</ul>
#此时只有class="yy"的标签会变色，上面的不变
.yy li{
color: pink;
}
<ul>
<li>北京</li>
<li>上海</li>
<li>山东</li>
</ul>
<ul class="yy">
<li>北京</li>
<li>上海</li>
<li>山东</li>
</ul>
#只找儿子
.zz>a{
color: aqua;
}
<div class="zz">
<a>meli</a>
<div>
<a>hellw</a>
</div>
</div>
#找所有的后代
.zz a{
color: aqua;
}
<div class="zz">
<a>meli</a>
<div>
<a>hellw</a>
</div>
</div>
.xx{
color: dodgerblue;
}
.v1{
color: blueviolet;
font-size: 280px;
<div class="xx v1">中国联通</div>
先满足属性xx,再满足v1，重复时满足最下面的
若不想覆盖，在第一个后面加!important;
.xx{
color: red !important;
}
文字水平居中
.x{
line-height:100px;
}
