测开之路三十八:css布局之定位】的更多相关文章

常用的布局方式: static:静态定位(默认),什么都不用管,元素会按照默认顺序排列,排不下是会默认换行relative:相对定位(同一层),相对于某一个元素进行定位fixed:绝对定位,指定位置absolute:相对于浏览器的绝对定位和fixed类似 文件关系: static定位: css里面写入内容:static定位方式,定位到的显示为红色 .static { position: static; background-color: red;} html里面写入内容:引入css,并加一个标签…
在static下新建一个css,并写入内容 /*标签选择器,label标签的颜色为红色*/label {color: red;} /*.代表类选择器,绿色*/.test {color: green;} /*#代表id选择器,黄色*/#test {color: yellow;} /*div标签下的魔偶写标签下的lable标签(相对关系),内容的颜色为蓝色*/div label {color: blue;} /*div标签下的直接的lable标签(父子关系),,灰色*/div > label {co…
CSS是一种定义样式结构,如字体.颜色.位置等的语言,被用于描述网页上的信息格式化和现实的方式.CSS样式可以直接存储于HTML网页或者单独的样式单文件.无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则.外部使用时,样式单规则被放置在一个带有文件扩展名css的外部样式单文档中. css引入方式: 1.div标签 2.style标签,在head里面声明给某一个标签加样式,如果body里面的改标签没有特别声明样式,将全部展示为同一声明的样式,类似于继承与重写的关系 3.link标签:外链导…
基础配置与上一篇一致 404错误 定义一个error页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>错误页</title></head><body> <h1>哎呀,出错啦!</h1></body></html> 追加一个404的视图…
函数 function function_name(){    statement1    Statement2    ....    statementn} function_name $var1 $var2 .... 传参原理 参数 $0 当前脚本的文件名 $n 传递给脚本或函数的参数. $# 传递给脚本或函数的参数个数. $* 传递给脚本或函数的所有参数.(把所有参数视为一个参数,不可迭代) $@ 传递给脚本或函数的所有参数.(可迭代每一个参数) $? 上个命令的退出状态,或函数的返回值.…
js的两种使用方式 第一种使用方式:单独写js文件 在static下新建一个js文件并写入内容 alert('这是一个弹窗'); 在html文件里面,用script标签引入 <script src="/static/calcolator.js" ></script> 在主程序里面调用html from flask import Flaskfrom flask import render_template app = Flask(__name__) @app.ro…
网页的结构: HTML:超文本标记语言是迄今为止网络上应用最为广泛的语言,也是构成网页文档的主要语言.HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字.图形.动画.声音.表格.链接等.HTML的结构包括头部(Head).主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容. 演示结构 a标签:超链接 input标签: value属性会把提示内容默认填充到输入框内 placeholder属性:会把提示内容置灰,并不做填充 type属性: bu…
错误处理,框架默认的错误为:not Found 可以捕获,并自定义 准备一张自定义图片,放在static文件夹下,并在template下创建一个html文件,引用该图片 捕获404状态,返回自定义页面,并把状态改为200 请求 类似于像500错误,同样可以用以上方法处理 重定向:http://docs.jinkan.org/docs/flask/quickstart.html redirect() 由源码可看出,需要传一个地址,也可以改状态码,300和304不支持,重定向的方法是把你加的loac…
实现某些位置的内容固定,某些位置的内容动态展示,如: 中文文档地址:http://docs.jinkan.org/docs/jinja2/templates.html#template-inheritance 在template文件夹下建几个html文件,并修改里面的内容 header: footer: 搜一下包含模板 {% include 'header.html' %} <h1>这是base模板</h1>{% include 'footer.html' %} base: tes…
Flask默认的存放静态资源的目录名为static 在工程下创建一个文件夹(与脚本同级) 如果想命名为其他名字,则在声明app的时候要初始化,如: 准备一张图片放在static下,返回的内容加上img标签,路径从工程开始往下定位到图片 等修改生效后访问 准备一些资源,我这里准备的是衣服扑克牌,实现随机出牌 先实现出现指定的牌 再实现随机出现 等修改生效,每刷新一次就会变…