网页 手机web css
Python使用Flask开发Web服务 - 裴 - flask使用request对象获取请求数据
第一种,URL路径参数,之前已经介绍过 第二种,查询参数 第三种,Form表单参数 第四中,JSON 数据 第五种,requests.cookies 获取 cookie 信息 第六种,requests.headers 获取 header信息 ......
WEB漏洞—RCE代码及命令漏洞执行
RCE:远程命令/代码执行(remote command/code execute) 在 Web 应用中有时候程序员为了考虑灵活性、简洁性,会在代码调用代码或命令执行函数去处理。比如当应用在调用一些能将字符串转化成代码的函数时,没有考虑用户是否能控制这个字符串,将造成代码执行漏洞。同样调用系统命令处 ......
常用css颜色收集
1. 几种柔和配色 蓝色 #A1E7FE 黄色 #FEEBB1 粉红色 #FAD8EC 绿色 #D5E394 橘黄色 #FBBA9C 2. 中国传统色 3. 传统42色 ......
C语言实现飞机大战手机游戏完整代码
大一课设做的飞机大战手机游戏,可以进行登入和注册,这个是利用单链表做的,源代码已经给出,这个是最基本的飞机大战模式,我设置了几个功能,比如排行榜之类的。排行榜是用结构体数组做的,已及冒泡排序,并且在文件里保存信息。比较简单。 #include"stdio.h" #include"windows. ......
Python使用Flask开发Web服务 - 裴 - flask的路由route的知识点演示
默认是支持GET: 修改后,只支持post: 也可以get post都支持 ......
WEB漏洞—CSRF及SSRF漏洞案例
CSRF:跨站请求伪造(Cross-site request forgery)CSRF是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。当用户访问含有恶意代码的网页时,会向指定正常网站发送非本人意愿的数据请求包(如转账给hack,向hack发送API等)如果此时用户恰好登录了该 ......
Django web框架实现文章发布
Django web框架实现文章发布 在文章上传之后将上传文件进行发布展示功能 制作模板 模板通过templates文件夹里的HTML展示给用户 模板除内容外,还可以展示样式以及JS等前端脚本实现的逻辑 修改视图 根据上一讲创建的Blog模型,创建展示的视图 创建视图后,需要修改urls.py映射用 ......
Django web 框架实现文章上传
Django web 框架实现文章上传 在上面一节创建web网站基础上增加文章上传的功能 添加模型 文章对象模型应当包含: 文章标题、文章类别、文章作者、发布时间和文章内容 字段类型参考: https://docs.djangoproject.com/zh-hans/4.0/ref/models/f ......
Django Web框架实现网站
Django Web框架实现网站 二十分钟小白玩转Django web网站的部署。 Django Web框架包含了URL处理、模型、视图、模版四个主要部分。 URL处理负责用户请求到视图的映射 视图用于处理用户逻辑 模型用于映射Python对象和数据对象 模板用于展示特定信息的样式给用户 1、创建项 ......
css预处理器
一。为什么要使用css预处理器呢 1.传统的css没有像js,一样拥有编程语言的能力,能够拥有常量、变量、以及语法,这样随着网站的发展势必会造成css代码会显得非常臃肿以及难以维护,于是css预处理器作为css的扩展就出现在了我们面前。 二。sass 是一种动态样式语言,sass语言属于缩排语法,比 ......
css案例-样式初始化
* { margin: 0; padding: 0; } em, i { font-style: normal; } li { list-style: none; } img { border: 0; vertical-align: middle; } button { cursor: pointe ......
每日汇报 第四周第七天 简单的css和JAVAI/O流
今日所学: 简单的css设计;掌握BufferedInputStream类与BufferedOutputStream类的构造方法及其参数含义;明确BufferedReader类与BufferedWriter类是以行为单位进行输入/输出的;掌握BufferedReader类与BufferedWrite ......
CSS标签
### 伪类选择器 ```html ``` ### 伪元素选择器 ```html ``` ### 选择器的优先级 ```html 关关雎鸠在河之洲, 窈窕淑女君子好逑.--> ``` ### CSS相关属性 ```html ``` ### 字体属性 ```css p{ /*第一个生效了用第一个,第一 ......
css基础-垂直对齐vertical-align
什么是垂直对齐vertical-align指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。不能用它垂直对齐块无素必须是行内或者行内块元素 对齐方式有哪些 /* Keyword values */ vertical-align: baseline; vertical ......
CSS2.1规范笔记——10 视觉格式化模型细节
视觉格式化模型细节 包含块的定义 元素(生成的)盒的位置有时候是根据一个特定的矩形计算的,叫做元素的包含块(containing block)。元素包含块的定义如下: 元素 包含块 其为根元素。 其包含块是一个被称为初始包含块的矩形。对连续媒体,尺寸取自视口的尺寸,并且被固定在画布开始的位置;对于分 ......
CSS2.1规范笔记——9.5 浮动
浮动 一个浮动盒会向左或向右移动,直到其外边界挨到包含块边界或者另一个浮动盒的外边界。如果存在行框,浮动盒的上外(边界)会与当前行框的上(边界)对齐。如果没有足够的水平空间来浮动,它会向下移动,直到空间合适或者再没出现过其他浮动。 因为浮动盒不在常规流内,在浮动盒之前或者之后创建的非定位块盒会垂直排 ......
CSS2.1规范笔记——9.6 绝对定位
绝对定位 绝对定位模型中,盒相对其包含块偏移,它会从常规流中全部移除(不会影响后面的兄弟)。绝对定位的盒会为常规流中的子级和绝对(不包括fixed)定位的后代建立一个新的包含块。 然而绝对定位的内容不会沿着任何其他盒排列。它们可能会遮住其他盒的内容(或者被它们自身遮住),取决于重叠盒的堆叠层级(st ......
CSS2.1规范笔记——9.7 分层展示
分层展示 z-index属性 该属性指定了: 当前堆叠上限爱问(stacking context)中,该盒的堆叠层级(stack level); 该盒是否应该建立一个堆叠上下文; 该属性的取值为: <integer>:是生成盒当前堆叠上下文中的堆叠层级,该盒还会建立一个新的堆叠上下文。 auto:生 ......
CSS2.1规范——9.3 定位方案
定位方案 三种定位方案及其优先级 css2.1中,一个盒可能会根据三种定位方案来布局: 常规流:包括块级盒的块格式化、行内级盒的行内格式化和块级与行内级盒的相对定位。 浮动:在浮动模型中,盒先根据常规流来放置,然后从常规流中取出来并尽可能远地向左或向右移动。其他内容可能沿着浮动(盒)的一侧排列。 绝 ......
CSS2.1规范笔记——9.4 常规流
常规流 常规流中的盒属于一个FC,可能是BFC或是IFC中的一个。块级盒参与BFC,行内级盒参与IFC。 BFC BFC的产生条件: float:left | right position:absolute | fixed display:inline-block | table-cell | ta ......
CSS2.1规范笔记——9.2 控制盒的生成
控制盒的生成 控制盒就是我们常说的盒。盒的类型对其在视觉格式化模型中的行为有一定影响。 display的取值 display属性指定了盒的类型: none:此元素不会被显示。 block:此元素将显示为块级元素,此元素前后会带有换行符。 inline:默认。此元素会被显示为内联元素,元素前后没有换行 ......
CSS2.1规范笔记——9.1 视觉格式化模型(视口和包含块)
视觉格式化模型 视觉格式化模型:对于可视化媒体,用户代理怎样处理文档树。在视觉格式化模型中,文档树中的每个元素根据其盒模型生成0或多个盒。这些盒的布局由以下因素控制: 盒尺寸与类型 定位方案(常规流、浮动与绝对定位) 文档树中元素间的关系 外部信息(例如视口大小、图片的固有尺寸等) 本章及下一章中定 ......
CSS2.1规范笔记 - 8.1 盒尺寸
中文链接:http://www.ayqy.net/doc/css2-1/cover.html 英文链接:https://www.w3.org/TR/2011/REC-CSS2-20110607/ 本笔记是2020年自学前端时所写,当时写在word文档上,今天重温,就搬到博客园上来。 盒尺寸 盒模型的 ......
CSS2.1规范笔记——8.2 外边距与margin合并
外边距 margin取值 <length>:一个固定值 <percentage>:百分比根据当前生成盒的包含块的width来计算。注意,margin-top和margin-bottom也是根据其包含块的width来计算的。如果包含块的width取决于该元素,那么产生的布局在CSS2.1是未定义的。 ......
css基础-精灵图
一张图片包括各种图标,用的时候用background-position对移到对应位置显示对应图标 但是图片放大会失真 图片制作完成后也不方便修改 所以如果小图票,我们可以用字体库解决 https://icomoon.io/ https://www.iconfont.cn/ ......
css常用属性
参考地址:https://www.w3school.com.cn/css/index.asp css常用属性: 背景属性: background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 backgroun ......
记录--关于前端的音频可视化-Web Audio
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 最近听音乐的时候,看到各种动效,突然好奇这些音频数据是如何获取并展示出来的,于是花了几天功夫去研究相关的内容,这里只是给大家一些代码实例,具体要看懂、看明白,还是建议大家大家结合相关API文档来阅读这篇文章。 参考资料地址:Web ......
css 选择器
更多选择器示例参考:https://www.w3school.com.cn/cssref/css_selectors.asp <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css选择器</title> <! ......
WEB自动化-单选列表
import time from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.select import Select # 导入选择服务包 ......
WEB自动化-复选框操作
import time from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.select import Select driver = w ......