首页 > 其他 > 详细

测开之路三十七:盒子模型

时间:2019-05-18 00:59:56      阅读:138      评论:0      收藏:0      [点我收藏+]

 

 

技术分享图片

上图显示:在 CSS 盒子模型 (Box Model) 规定了元素处理元素的几种方式:
width和height:内容的宽度、高度(不是盒子的宽度、高度)。
padding:内边距。
border:边框。
margin:外边距。

 

在template下新建一个html,并写入设置内容尺寸的内容

技术分享图片

<!DOCTYPE  html>
<html lang= "en">
<head>
<meta charset= "UTF-8">
<title>测试</title>
<style>
label {
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
border-left: 5px;
border-right: 5px;
border-top: 10px;
border-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
color: red;
background-color: gray;
}
</style>
</head>
<body>
<label>这里是一个标签</label>
</body>
</html>

 

设置路由

技术分享图片

from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route(‘/calc‘)
def calc():
return render_template(‘calc.html‘)


if __name__ == ‘__main__‘:
app.run(
host=‘0.0.0.0‘,
port=8888,
debug=True,
)

访问

技术分享图片

 

测开之路三十七:盒子模型

原文:https://www.cnblogs.com/zhongyehai/p/10884349.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!