网页 手机web css
CSS radio自定样式
出来是彩色的 radio button .rdo_enabled { vertical-align: middle; margin-top: 5px; font-size: 25px; transform: scale(2); line-height: 60px; background-color: ......
PYTHON 简单的网页图片爬虫
直接上代码： ''' 简单的网页图片爬虫 要先安装requests，BeautifulSoup的库 pip install requests pip install bs4 是一个可以从HTML或XML文件中提取数据的Python库 pip install lxml ''' import reque ......
提高 Web 开发效率的10个VS Code扩展插件，你知道吗？
**前言** 一个出色的开发工具可以显著提高开发人员的开发效率，而优秀的扩展插件则能更进一步地提升工具的效率。在前端开发领域，VSCode毫无疑问是目前最受欢迎的开发工具。为了帮助前端开发人员提高工作效率，今天小编将向大家推荐10个强大的VSCode扩展插件。 **1.**[**JavaScript ......
html+css：<a>中嵌入<img>，实现图片链接
这个很好理解，记住 <a> 中不仅可以写标签，还可以嵌入文字。 现在效果如下，在<a>中嵌入了<img>，同时又嵌入了<p>，点击图片和文字段落，其都会直接来进行跳转。 这个是非常重要的，一点也不难，耐心做下去。 ......
html+css：文章居中，图片居中
我们平常要涉及很多居中，现在这个要理解 一、文字内容居中 如下，其宽度居中采用text-align，但其高度居中，则让块高度，和行高度保持一致，此时就可以实现宽度居中 二、图片居中于浏览器，img作为行内块元素是无法实现的！ img作为行内块元素，其有行的性质，此时 margin 是没有效果的，如下 ......
html+css：padding + content 才是盒子的内容大小
这个要知道，我们有padding，这个padding指的是内容（举个例子，背景颜色就不属于内容）。 我们在计算内容的宽高时要记住，如下图的对比，padding的这个要理解 ......
html+css：深入理解 background-img 和 img区别
这俩 background-img 和 img，在图片布局时，我们经常用到，但我们有时很难理解其区别。 简单来说，background-img，其作为背景，图片大小本身无法决定内容的大小！！ 简单来说，background-img，其作为背景，图片大小本身无法决定内容的大小！！ 简单来说，backg ......
html+css：深入理解“块级元素”、“行内元素”和“行内块”元素
“块级元素”、“行内元素”和“行内块”元素，理解这个，才能深入理解css的盒子模型，这个是非常重要的。 其关键是“宽高”，理解“宽高”，“宽高”，“宽高”！！！ 这个是其根本区别，行内元素是由内容撑开，给宽高不起作用！！ 一、行内元素只记住 span 和 a 元素即可 如下，什么 dd,dt都是块级 ......
uni app开发微信公众号网页取用户信息
uni app开发微信公众号网页取用户信息 自己测试发现哪怕是用snsapi_base取得的code再取access_token，再用这个access_token去取用户信息也是可以取得的 <template> <view class="content"> <image class="logo" s ......
[Writeup]2022 NewstarCTF_Week1(Web部分)
2023 Newstar CTF就要开始了，在buuctf上把去年的题做了一下，虽然是新生赛但仍有挺多我不知道的知识。。感觉web我才走完几千分之一的路程 **HTTP&&Head?Header!** burpsuite抓包再改，没什么难度。 **NotPHP** 进环境： ``` 把前面的PHP语 ......
浏览器访问网页，显示空白页却不报错
今天遇到一个奇怪的问题，Chrome浏览器访问web网站时，没有报错，却一直处于空白页面，刷新也不好使，回想一会前还能正常访问的，这会就不行了 1、第一个想到的就是换浏览器，立刻换了火狐，edge浏览器，页面都能正常加载，用Chrome无痕模式访问也正常，所以确定web服务端没有问题，想肯定是浏览器 ......
BUUCTF-Web
CTF实战：从入门到提升 1.3.5.[第一章][1.3.5 案例解析][极客大挑战 2019]Http 打开页面，没有发现什么有用的东西 右键打开页面源代码，发现页面Secret.php 显示It doesn't come from 'https://Sycsecret.buuoj.cn'，使用p ......
在线CAD的SDK如何集成到网页系统-关于MxCad项目二次开发插件集成
前言 1.很多单位拥有着数量庞大的DWG图纸，部门之间传统的图纸管理和沟通，效率较为低下，而将CAD图纸的浏览，编辑，审图，签章等工作集成到自己的网页系统，将会显著提高工作效率和企业的竞争力。 集成到网页系统需要我们在后台服务器部署web cad sdk，部署后的操作界面效果如下: 2.在线CAD功 ......
vue使用animate.css
1.在命令行中执行：npm install animate.css --save 2.main.js 中： import animated from 'animate.css' // npm install animate.css --save安装Vue.use(animated) 3.使用 <di ......
css---3d翻转
简单的一个3d翻转的动画特效： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .main-img{width: 800px; ......
HTML5与CSS3实现动态网页（上）
结构标签 article：标记定义一篇文章 header：标记定义一个页面后者一个区域的头部 nav：标记定义导航链接 section：标记定义一个区域 aside：标记定义页面内容部分的侧边栏 hgroup：标记定义文件中一个区块的相关信息 figure：标记定义一组媒体内容以及他们的标题 fig ......
网页F12调试陷入无限断点(Debugger)的解决方法
打开F12点击Console 输入(function(){}).constructor Function，回车； 如果返回的是true，继续输入Function.prototype.constructor = function(){},并回车； 切换回sources选项卡,点击继续执行，无限debu ......
web开发学习
# Vue ## 插值表达式 {{msg}} ## 相关函数 1. v-model='' 表格对象模型双向绑定 2. v-bind:href=''或者:href='' 数据绑定 3. v-on:click='fuc()'或者@click='fuc()' 方法绑定(按钮等等) 4. v-if='msg ......
【CSS】CSS笔记
# CSS笔记 CSS就是美化网页的。 CSS是层叠样式表（Cascading Style Sheets）的简称。 有时也称为CSS样式表或级联样式表。 也是一种标记语言。 ## CSS简介 选择器+声明 ```css h1 { color: red; ... } ``` 选择器{属性：值} ### ......
【CSS】画自适应矩形
<html> <style> .box { /* 1. padding-top 根据父容器进行百分比计算数值的 */ /* width: 50%; background: blue; padding-top: 50%; */ /* 2. aspect-ratio： 规定了纵横比，这个纵横比可以用来计 ......
【CSS】画三角形
<html> <head> <title>CSS 绘制三角形</title> </head> <body> <div> <h1>实心三角形</h1> <div class="filled-triangle-1"></div> <div> <h1>等边三角形</h1> <div class="fill ......
【CSS】伪类选择器和伪元素选择器
伪类选择器用于指定所选元素的特殊状态，参考 https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes 伪元素选择器允许你对被选择元素的特定部分修改样式，不会真的修改dom结构，参考 https://developer.mozill ......
关于移动端开发和web开发轮转图滑动问题
当web端切换到移动端时，发现页面slider不能够正常去滑动轮转图，原因是，在开发时，如果在打开页面是web页面状态，然后去切换到移动端时候，没有监听到移动端的时间，比如touchmove事件，click事件等等。解决的方法是刷新一下页面就好。 ......
记录--CSS 滚动驱动动画 scroll()
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS 滚动驱动动画 scroll() animation-timeline 通过 scroll() 指定可滚动元素与滚动轴来为容器动画提供一个匿名的 scroll progress timeline. 通过元素在顶部和底部(或左边和右边 ......
【css兼容】flex在低版本 chrome 浏览器的兼容问题
https://blog.csdn.net/weixin_43841308/article/details/111246537 前言【感官】使用 Element UI 构建如下布局 【逻辑】具体代码： 【现象】 谷歌浏览器44.0.2403.125 m版本 显示main内容不全谷歌浏览器57.0.2 ......
网页编辑器实现WORD粘贴图片自动上传
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例： 打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方 ......
运用手机运营商二要素Api接口，守护您的账户和隐私，让您安心使用！
随着移动互联网的普及，我们的生活离不开手机，手机成为了我们生活中不可或缺的一部分。但是随着移动支付的普及，手机支付在我们的生活中也变得越来越重要。手机支付是一种方便快捷的支付方式，但是也存在一些安全隐患。如果我们在使用手机支付时不小心泄露了我们的账户和隐私，那么后果不堪设想。因此，有必要寻找一种安全 ......
Web编辑器实现WORD粘贴图片自动上传
这种方法是servlet，编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台（服务端）java服务代码：（上传至ROOT/lqxcPics文件夹下） <%@ page language="java" import="java.util.*" pa ......