网页 手机web css
css学习Day01
# css学习Day01 css语法 选择器{ 声明1； 声明2； 声明3； } ## 一、css四种导入方式 - 行内样式 ```html 标题 ``` - 内部样式 ```html ``` - 外部样式 链接式： ```html ``` **优先级：就近原则（谁离元素更近用谁的）** ......
css3
属性 浏览器前缀 transition：.3s -ms-transitio:0.3s -webkit-transitio:0.3s -o-transitio:0.3s -moz-transitio:0.3s ......
其他css3属性 圆角 三角形
圆角实际上有8个值a . 百分比超过百分之50结果都是一个椭圆 实心三角形的实现 宽高为0 给边框高度 透明 对边设置颜色 空心三角形 或者带边框的三角形 透明叠加 . 上边框的粗细 ......
常见的css属性
rgb 6位0-9a-f 简写 443322=432 rgb rgb（68，41，41，0.4）最后一位是alpha颜色透明度 浮动 让元素左右排列 float ：left /right/none; 文档标准流 网页中的块级元素 都会自上而下的排列 浮动会破坏元素原本的特征（独占一行的特征） 浮动是 ......
css: display:none, display:block
<!doctype html> <html> <head> <meta charset="utf-8"> <title>css display:none, display:block</title> <script src="../jquery/3.6.0/jquery.min.js"></scri ......
36种漂亮的CSS3网页按钮Button样式
 ```html 36种漂亮的CSS3网页按钮Button样式 36种漂亮的CSS3网页按钮But ......
css基础-隐藏显示元素
display:none隐藏元素，不保留位置，文档结构中存在 visibility:hidden隐藏元素，仍占有原来位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont ......
css基础-position定位例子-垂直水平居中
盒子垂直居中，水平居中实现例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ......
革新网络-Web开发的新趋势和创新
在当今瞬息万变的数字生态系统中，Web开发对于全球企业和组织而言已变得至关重要。紧跟Web开发领域的新兴发展，其意义怎么强调都不为过。网络开发行业不断发展，经常会引入新的框架、语言和方法。通过紧跟这些变化，开发人员可以应用最新的工具和技术来提升用户体验、加快网站速度，并在竞争中领先一步。移动设备的兴 ......
滚动刷新式网页的爬取方式
```python from lxml import etree import re import requests import os import time from fake_useragent import UserAgent # 滚动式刷新的爬取方法 base_url = 'https:/ ......
UNI-APP_uniapp判断手机是否安装某个应用app
if (plus.runtime.isApplicationExist({ pname: 'com.tencent.mm', action: 'weixin://' })) { //安装了微信 } else { //未安装微信 } 微信：com.tencent.mm weixin:// QQ： co ......
htmx是一个库，用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为，而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新，从而提供更好的用户体验。
[htmx](https://htmx.org/ "htmx")是一个库，用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为，而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新，从而提供更好的用户体验。 https://htmx ......
Java Web 程序设计预习提纲
以下是 Java Web 程序设计的预习提纲的 Markdown 格式示例： ## Java Web 程序设计预习提纲 ### 1. Java 基础回顾 - Java 语言基础与面向对象 - Java 类与对象的定义与使用 - 常用数据类型与控制流程 - 异常处理与文件 I/O 操作 ### 2. ......
css基础-position定位
static静态定位类似于标准流 relative相对定位元素移动位置参照原来位置来移动的保留原来的位置（人走了，位置留着，停职留薪），不脱标 absolute绝对定位元素移动位置参照父元素如果父元素和父父级等无定位，则以浏览器位置偏移如果父元素有定位，则以父元素为参照进行偏移如果父元素无定位，父父 ......
通过JS设置CSS样式
#### 读取元素样式 在JS中可以使用`getComputedStyle() `读取元素样式 >**官网摘要** Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有 CSS 属性的值。私有的 CSS 属性值可 ......
css基础-float浮动
什么是浮动创建浮动框，将其移动左或者右边，直到碰到左边缘或右边缘。特性：浮动元素会脱离标准流，浮动的盒子不会保留白原来位置一行内显示，顶端对齐行内元素加了浮动元素都会具有行内块元素，无需转换，可以设置高度和宽度。 为什么要用浮动网页布局本质就是摆盒子，传统网页布局方式：a) 通过普通流标准流（块级元 ......
Web实现浏览器端大文件分块上传
ASP.NET上传文件用FileUpLoad就可以，但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计：TextBox和Button按钮。 编辑 TextBox中需要自己受到输入文件夹 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
WEB漏洞—XSS跨站之WAF绕过及安全修复
xsstrike下载：https://github.com/s0md3v/XSStrike XSStrike相关的命令 -h, --help //显示帮助信息 -u, --url //指定目标 URL --data //POST 方式提交内容 -v, --verbose //详细输出 -f, --f ......
css-demo
1、文字放大缩小 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> @keyframes scaleDraw { 0% { transform: scale(1); } 25% { transform: scale(1.5); ......
MAC电脑设置charles，连接手机的步骤说明（个人实际操作）
一、charles web端设置 1. 安装charles之后，先安装证书 Help-SSL Proxying-Install Charles Root Certificate，安装好之后设置为始终信任 2. 设置 Proxy-Proxy Settings port 填写8888，点击HTTP pr ......
css跳动样式
animation: warn 1.5s ease-out 0s infinite; } @keyframes warn { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1 ......
Web安全测试点
随着因特网的不断发展，人们对网络的使用越来越频繁，通过网络进行购物、支付等其他业务操作。而一个潜在的问题是网络的安全性如何保证，一些黑客利用站点安全性的漏洞来窃取用户的信息，使用户的个人信息泄漏，所以站点的安全性变得很重要。 Web 系统的安全性测试包括以下内容： (1)Web 漏洞扫描 (2)服务 ......
eclipse中web项目打包，部署，及访问
一，通过eclipse打war包 新版的eclipse 可能不带有web开发工具，需要安装web开发工具 1，点击help 2，点击eclipse marketplace 3，搜索web 二，项目右键选择export，找到war file并点击 1，选择项目右键 2，选择export点击 3，搜索w ......
Bug_ku source (WEB) wp
在源代码中注释中发现了flag，提交发现是假的。 我们打开kali用dirserch扫描一下网站后台目录吧 发现.git ,这题应该是一个git泄露的题，用wget吧文件下载到本地，-r 选项的作用是递归下载该目录及其子目录的所有文件 Linux必备下载命令之wget详解 - 知乎 (zhihu.c ......
css
/*此文件不需要修改*/ /*层级：*/ /*顶部菜单：98*/ /*顶部菜单上的列表：99*/ /*顶部菜单旁边的搜索框：100*/ /*侧边栏菜单：150*/ /*开启关闭侧边菜单的按钮：10000*/ /*隐藏*/ #sideBarMain{ display:none; } #navigato ......
css基础-盒模型
网页基本元素是盒子，网页布局核心就是布局盒子，所谓盒子就是把元素看成放内容的容器 盒子模型组成 实际内容 content 内边距padding 边框border 外边距margin 盒子大小计算 box-sizing: content-box;默认值 宽度=content+border+paddin ......
CTFer成长记录——CTF之Web专题·攻防世界-PHP2
一、题目链接 https://adworld.xctf.org.cn/challenges/list 二、解法步骤 打开网页，只有一个提示： 查看源代码： 也是啥也没有，这个时候访问index.phps才查看源代码： 可以发现我们需要构造id的值不等于 "admin"，而且url解码后要等于"adm ......
css基础-背影颜色
css3提供的半透明效果 背景图片background：url('1.jpg') 默认是背景平铺的 background-repeat:none|repeat|repeat-x|repeat-y 背景位置 background-position:center center; background-p ......