zoukankan      html  css  js  c++  java
  • 测开之路三十七:盒子模型

    上图显示:在 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,
    )

    访问

  • 相关阅读:
    升级系统引起的
    php curl批处理
    看《黑炮事件》想到的
    查找单链表的倒数第k个值
    python绘制树枝
    暑假第九测
    网络流24题(持续更新)
    P2657 [SCOI2009]windy数
    P3177 [HAOI2015]树上染色
    暑假第六测
  • 原文地址:https://www.cnblogs.com/zhongyehai/p/10884349.html
Copyright © 2011-2022 走看看