特效loading css3 css
css 超出行显示展开收起
显示展开收起： <div class="wrapper"> <input id="exp111" class="exp" type="checkbox"> <div class="text"> <label class="btn" for="exp111"></label> 这是一个测试内容这是一个 ......
img、a标签、列表、表格(重要)、form表单(重要)、CSS
### img标签 ```python # 图片，在网页显示图片的 标签会有属性： 1. 自带的属性 2. 自定义的属性 src:写图片的地址 1. 外链地址 2. 相对地址 alt： 当图片地址加载失败的时候，显示的描述性信息 width="800px" height="200px" 控制图片的大 ......
户外电视广告效果——边角定位特效
 使用边角定位效果 ![image](https://img2023.cnblogs.com/blog/ ......
纯CSS实现contain布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ......
纯css 四边形的角样式（只有两个角是三角，其他两个是线段）
效果如图： 核心：使用伪类 代码如下： <div class="box-style"></div> .box-style { position: relative; //纯css只有四个角有边框的样式 box-shadow: 0px 0px 12px 1px #003ba26b inset; bac ......
CSS滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; /*滚动条宽度*/ height: 16px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -w ......
css 显示溢出隐藏省略号几行
.text { display: -webkit-box; //特别显示模式 overflow: hidden; //溢出内容隐藏 text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; //文本溢出部分用省略号表示 -webkit ......
面试题-css标准盒模型和怪异盒模型
标准盒模型，宽度width = content +padding +boder 怪异盒模型：width = width，会去挤压内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpo ......
认识css动画相关属性animation
transtion属性 需要触发条件，比如hover animation属性 可以立即执行 transform属性 不是动画，但是对动画起到至关重要的作用 过渡属性transtion <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ......
visual studio在运行ashx文件时 出现 Failed to load resource: the server responded with a status of 500 (Internal Server Error)
报错详细信息如下 “/”应用程序中的服务器错误。 分析器错误 说明: 在分析向此请求提供服务所需资源时出错。请检查下列特定分析错误详细信息并适当地修改源文件。分析器错误消息: 未能创建类型“WebApp.FileUploadHandler”。源错误: 行 1: <%@ WebHandler Lang ......
css3动画之打字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>速度曲线步 ......
CSS总结
# CSS总结 ## 一. CSS选择器 通过选择器选中html标签，设置标签的样式。 ### 1.选择器分类 > 优先级：标签名称选择器 内容 .A{ 属性名称：值; 属性名称2：值2; } ``` #### (3) id选择器 语法：#id属性值{} 作用：选中对应id属性值的元素(id属性值只 ......
C# DLL资源文件打包(图片、JS、CSS)
前言 出于安全以及移植考虑，近两天有看关于WebResource方面的资料，有点点心得和不明白。这里鄙视下那些狂抄袭的论坛和博客，一搜索几乎全一样，也没多说一个字的！！ 感谢 1.MSDN 直到这个例子出现，我才真正做出自己想要的东西，但是也带来了一些不明白 2.利用WebResource.axd通 ......
教你快速掌握两个div在同一行显示css如何实现
我们都知道div是一个块元素,块元素的特点是,独占一行,从上往下排列,但是有时候我们在页面排版的时候需要从左往右横着排列,想要实现这样的效果方法有很多,首先先来看一下,默认情况下的2个div的效果如下 代码如下: <!DOCTYPE html> <html lang="en"> <head> <me ......
CSS常用属性汇总
1、盒模型属性2、常用文本样式属性3、常用字体属性4、段罗和行相关属性5、css书写位置6、样式层叠性和选择权重7、伪类和伪元素8、css3新增伪类9、标签选择器、id选择器、class选择器、复合选择器10、关系选择器、序号选择器、属性选择器11、浮动与定位样式属性12、鼠标样式13、边框、圆角、 ......
20个非常绚丽的HTML5/CSS3应用插件
基于HTML5的应用现在已经非常广泛，今天我们就来向大家分享20款非常绚丽的HTML5/CSS3应用插件。希望大家喜欢并分享给你的好友们。 1、HTML5视频破碎重组特效 强大视觉冲击 HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视 ......
MySQL load data 错误小记
当报错3948, 'Loading local data is disabled; this must be enabled on both the client and server sides'时需程序双端开启 local_infile = True ......
2--DIV CSS基础
1.DIV CSS样式 CSS指的是层叠样式表（Cascading Style Sheets），也称级联样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素，可以同时控制多张 ......
03 爬取新闻 bs4介绍遍历文档树，bs4搜索文档树， css选择器， selenium基本使用，selenium其他使用 搜索标签
# 1 爬取新闻 ```python # 1 爬取网页 requests # 2 解析 xml格式，用了re匹配的 html，bs4，lxml。。。 json： -python ：内置的 -java ： fastjson 》漏洞 -java： 谷歌 Gson -go ：内置 基于反射，效率不高 `` ......
CSS Grid布局
## Grid布局 ### 1 概述 网格布局（Grid）将王爷分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。Grid布局与Flex不具有一定的相似性，都可以指定容器内部多个项目的位置，但是他们存在重大的区别。flex布局时轴线布局，只能指定项目针对轴线的位置，可以看作是一维布局；gr ......
ImageMagick:报错：error while loading shared libraries: libjpeg.so.9(ImageMagick 7.1/rocky linux 9.2)
一，报错的例子: 1,报错信息 [root@localhost work]# identify -list format identify: error while loading shared libraries: libjpeg.so.9: cannot open shared object f ......
记录--你知道Vue中的Scoped css原理么？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 追忆Scoped 偶然想起了一次面试，二面整体都聊完了，该做的算法题都做出来了，该背的八股文也背的差不多了，面试官频频点头，似乎对我的基础和项目经验都很是满意。嗯，我内心os本次面试应该十拿九稳了。 突然，面试官说：「我的主技术栈是Rea ......
css和html入门
# css和html入门 + 前言: 这是一个oier在摆烂之时随便学的学习笔记，本来想搞cnblog的博客，然后发现博客的外观可以自己搭建，于是开始现学现卖，几乎没有参考价值，完全自娱自乐。 ## html是什么？ 超文本标记语言（英语：HyperText Markup Language，简称：H ......
css 自定义动态排列
需求就是显示一批头像，正常排列，很简单吧！ 用弹性盒子再加上允许换行，就解决了吗？问题是：头像之间有间隔，就需要加margin-right,问题来了本行最后一个盒子的空隙大了，正好能放下一个头像，这时肯定去掉margin.(这里设定最后一个盒子空隙大，当然也可能正好或者多一点点)。 头像容器宽度不确 ......
css实现自动适配移动端的效果
# css实现自动适配移动端的效果 ## 使用的库 使用到的库 **[lib-flexible](https://github.com/amfe/lib-flexible)** ## 使用方法 1. 使用script标签引入 ```html ``` ## 使用注意事项！！！ 1. 使用前必须要清掉h ......
爬取新闻 ，bs4, css选择器，selenium基本使用
[toc] ## 1 爬取新闻 ```python # 1 爬取网页 requests # 2 解析 xml格式，用了re匹配的 html，bs4，lxml。。。 json： -python ：内置的 -java ： fastjson 》漏洞 -java： 谷歌 Gson -go ：内置 基于反射， ......
H5 WebGL实现水波特效
# 前言 零几年刚开始玩电脑的时候，经常在安装程序上看到一种水波特效，鼠标划过去的时候，就像用手在水面划过一样，感觉特别有意思。但是后来，就慢慢很少见过这种特效了。最近突然又想起了这种特效，于是开始折磨怎么实现这种效果。 # 思路 我们知道，水波的运动轨迹可以看成随时间变化的三角函数，那么我们可以记 ......
「Python」load和loads的区别
在Python中，load 和 loads 都是用于处理 JSON 数据的函数，但它们的使用场景和功能略有不同： json.load()：用于从文件中读取 JSON 数据并将其解析为 Python 对象。它接受一个文件对象作为参数，并返回解析后的 JSON 数据。 示例： import json # ......
css文字水平均匀分布
应用场景 希望在某个元素内文字水平均匀分布 代码 .avg_dis_box{ border: 1px solid tomato; padding: 20px; width: 300px; /* text-align CSS 属性定义行内内容（例如文字）如何相对它的块父元素对齐。text-align ......
520要通过这种方式告白 html+css+javascript canvas桃心代码 可修改 【附完整代码】
>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 ### 效果 ![在这里插入图片描述](https://img-blog.cs ......