E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
CSS初步学习
uniapp前端手机获取安全区域
css
值 防止按键不能被点击
引入再编写小程序和移动端的时候可能会出现这种情况,页面中的按键刚好才手机中按不到的位置如下这是苹果手机的home按键如果刚好我们的按钮再这个位置,用户是点击不到的我们就需要一个办法,能够自动的让我们的按键移动到安全可点击的区域解决我们可以使用如下的值来获取env(safe-area-inset-bottom)我们只需要在我们想要判断是否为安全区域的地方加上下面这段代码即可防止按键在安全区域这里加5
zhuyua
·
2024-02-15 10:42
前端
css
WebStorm常见自动补全方法以及快捷键
子标签+’*’+个数(标签+子标签+个数)标签+类+地址+子标签+子标签个数+子子标签+[地址]+{文本}二、快捷键快捷键搜索/代替功能界面操作代码编辑导航总结前言学习javaweb,先复习一下html、
css
Aussise
·
2024-02-15 09:32
webstorm
ide
情人节html代码
一、一个带有心形和祝福消息的页面如果想在网页上创建一个简单的情人节祝福,可以使用HTML和
CSS
。
尘中928
·
2024-02-15 09:22
编程
#
html
html
css
前端HTML5/HTML+
CSS
3/
CSS
学习笔记(六)
表单的应用认识表单创建表单认识表单注:表单”是网页上用于输入信息的区域,用来实现网页与用户的交互、沟通。例如注册页面中的用户名和密码输入、性别选择、提交按钮等都是用表单相关的标记定义的。创建表单在HTML5中,标记被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,中的所有内容都会被提交给服务器。各种表单控件与之间的表单控件是由用户自定义的,action、method为表单标记的常用属性
LHBxiaobin
·
2024-02-15 08:03
HTML+CSS学习
前端
html
css
HTML5与
CSS
3总结
HTML5总结1.HTML5由W3C和WHAT组织机构共同研发出来的,于2014年正式发布。2.HTML5成为了新一代网页开发标准。3.HTML5新特性(面试)1)增加了audio和video音频播放,抛弃了Flash2)新增了canvas画布(绘画,制作动画(如小游戏开发等))3)地理定位4)增加了离线缓存5)硬件加速6)WebSocket(全双工通信)7)增加了本地存储8)新增了一些语义化标签
胡小七
·
2024-02-15 08:31
css3
html5
css
[HTML]Web前端开发技术20(HTML5、
CSS
3、JavaScript )HTML5 基础与
CSS
3 应用,datetime-local,required,MPEG4——喵喵画网页
目录前言HTML5新增的表单属性HTML5新增的input类型HTML5表单新增输入类型HTML5视频与音频
CSS
3基础应用
CSS
3浏览器兼容性课后练习网页标题:顺序结构的应用网页标题:if..else
猫佛
·
2024-02-15 08:29
喵喵画网页
html
前端
html5
javascript
css3
计算机学习
HTML
HTML和
CSS
页面布局
css
盒模型BFC页面布局左右固定,中间自适应.png有5中可以解决:第一种:浮动.layout.float.left{float:left;width:300px;background
小熬七
·
2024-02-15 07:10
Selenium元素定位工具谷歌浏览器插件-ChroPath
其作用是可帮助Web开发人员和测试人员提高元素定位效率(轻松提取XPath、
CSS
元素位置等)。
程序员Baby~
·
2024-02-15 06:15
selenium
测试工具
软件测试
程序员
接口测试
自动化测试
测试工程师
注册店铺2
然后把
css
和js的资源替换掉dns。
shenyoujian
·
2024-02-15 06:00
css
+html投票系统,网上在线投票系统的设计与实现.doc
网上在线投票系统的设计与实现目录摘要1Abstract2前言3第1章绪论41.1课题背景41.2课题目的和意义41.3系统结构51.4课题主要工作51.5论文结构5第2章系统的需求分析72.1系统总体分析72.2系统的功能分析72.3数据库需求分析72.4系统可行性分析72.5系统安全性分析8第3章系统概要设计93.1软件运行环境设计93.2系统设计目标93.3系统模块设计93.4系统数据库设计1
weixin_39718888
·
2024-02-15 05:06
css+html投票系统
vue实践局部组件需求-投票
vue实践局部组件需求-投票投票局部组件实践和组件之间的嵌套:1.搭建结构(html+
css
布局)2.在组件标签中拆分成多个局部组件3.删除第一步的搭建结构(html+
css
布局)代码4.在组件中调取渲染使用
公子清
·
2024-02-15 05:04
实践真题系列
实践系列
Vue系列
vue实践局部组件需求-投票
vue
component
template
CSS
基础(4)
浮动浮动可以改变标签默认的排列形式(不会有缝隙)浮动的应用:多个块元素一行排列;选择器{float:属性值;(none(默认)、left、right)}可以浮动到一边;同理,也可以移动到两侧浮动特性1.浮动元素会脱离标准流(脱标)2.浮动的元素会一行内显示并元素顶部对齐3.浮动元素会具有行内块元素的特性脱标不受标准流控制,移动到指定位置该盒子不在保留原先位置,让标准流占有。浮动具有行内块元素特点块
象更
·
2024-02-15 05:51
css
前端
html
CSS
基础(5)
定位1.浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子;2.定位则可以让盒子自由在某个盒子内移动位置或者固定屏幕中某个位置,并可以压住其他盒子。定位=定位模式+边偏移;定位模式用于指定一个元素在文档中定位方式,边偏移则决定了该元素的最终位置。定位组成定位模式通过position来设定:值语义static静态定位relative相对定位absolute绝对定位fixed固定定位边偏
象更
·
2024-02-15 05:51
css
前端
html
CSS
高级技巧
精灵技术精灵技术的目的:有效减少服务器接收和发送请求的次数,提高页面加载速度使用精灵图的核心:针对背景图片使用,把多个小背景图片整合到一个大图片。移动背景图片位置,可以用background-position移动距离就是目标图片的x,y轴坐标,y轴正方向水平向下因此如果往上往左移动,数值是负值类似移动大图片位置剪切缺点:图片文件比较大,放大缩小会失真;制作完毕更换非常复杂。用字体图标iconfon
象更
·
2024-02-15 05:51
css
前端
Django 使用 Celery 实现异步任务
因此服务端要从各个方面对网站性能进行优化,比如可采用CDN加载一些公共静态文件,如js和
css
;合并
css
或者js从而减少静态文件的请求等等…..还有一种方法是将一些不需要立即返回给用户,可以异步执行的任务交给后台处理
派派森森
·
2024-02-15 04:03
css
3新单位vw、vh、vmin、vmax
vw:按照viewport宽度的百分比计算盒子的宽度或字体的大小;vh:按照viewport高度的百分比计算盒子的高度;vmin:对比viewport的宽度和高度,按照小的做百分比计算;vmax:对比viewport的宽度和高度,按照大的做百分比计算;
icaojinyu
·
2024-02-15 04:26
用前端html如何实现2024烟花效果
用HTML、
CSS
和JavaScript编写的网页,主要用于展示“2024新年快乐!”的文字形式烟花效果。下面是对代码主要部分的分析:HTML结构包含三个元素,用于绘制动画。引入百度统计的脚本。
不会编程的小
·
2024-02-15 04:35
前端
html
java
python
CSS
布局基础(五)--
CSS
3新增选择器
一、兄弟选择器**兄弟选择器与相邻选择器类似,通过同级的兄弟元素来相互控制。所谓兄弟选择器就是指定一个元素后面的同级元素的样式,使用~表示image.png和相邻选择器的区别在于会影响到后面同级的所有要求元素h2{font-size:24px;color:yellow}h2~div{font-size:16px;color:red}HTML结构HTML树状图HTML知识问君能有几多愁问君能有几多愁
Caesar_emperor
·
2024-02-15 02:26
vue 实现多个可拖拽的element-ui Dialog
直接上代码//
css
.el-dialog__wrapper{overflow:hidden!
嘻哈章鱼小丸子
·
2024-02-15 02:38
gulp和webpack的区别
gulp可以进行js,html,
css
,img的压缩打包,是自动化构建工具,可以将多个js文件或是
css
压缩成一个文件,并且可以压缩为一行,以此来减少文件体积,加快请求速度和减少请求次数;并且gulp有
木槿_traxpvsa
·
2024-02-15 01:14
[HTML]Web前端开发技术24(HTML5、
CSS
3、JavaScript )JavaScript基础JavaScript,Netscape,事件处理代码,外部JS——喵喵画网页
希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言JavaScript概述JavaScript简介第一个JavaScript程序JavaScript放置的位置JavaScript放置-头部JavaScript放置-主体JavaScript放置-外部JSJavaScript放置-事件处理代码课后练习网
猫佛
·
2024-02-15 01:19
html
前端
html5
计算机学习
javascript
css3
[HTML]Web前端开发技术23(HTML5、
CSS
3、JavaScript )HTML5 基础与
CSS
3 应用,animation,text-shadow,word-wrap——喵喵画网页
目录前言
CSS
3动画animation
CSS
3动画animation子属性设置
CSS
3多列属性
CSS
3文本效果1.文本阴影text-shadow属性2.文本换行text-wrap属性3.控制换行word-wrap
猫佛
·
2024-02-15 01:49
喵喵画网页
html
前端
html5
计算机学习
javascript
css3
[HTML]Web前端开发技术21(HTML5、
CSS
3、JavaScript )HTML5 基础与
CSS
3 应用,border-radius,box-shadow,transform——喵喵画网页
目录前言
CSS
3边框1.border-radius圆角边框2.box-shadow边框阴影3.border-image边框图像
CSS
3转换transform属性1.
CSS
32D转换总结前言来来来,上号~
猫佛
·
2024-02-15 01:48
喵喵画网页
html
前端
html5
计算机学习
javascript
css3
[HTML]Web前端开发技术22(HTML5、
CSS
3、JavaScript )HTML5 基础与
CSS
3 应用,animation ,@keyframes,Transition——喵喵画网页
目录前言
CSS
3转换transform属性2.
CSS
33D转换
CSS
3过渡transition属性Transition子属性设置语法
CSS
3动画animation1.
CSS
3动画animation基本语法
猫佛
·
2024-02-15 01:17
喵喵画网页
html
前端
html5
计算机学习
javascript
css3
css
五大定位
一.静态定位static定位是元素的默认定位方式。当一个元素的position属性设置为static时,它会根据文档流的正常顺序进行定位。换句话说,元素出现在HTML文档中的位置,不会受top、bottom、left以及right属性的影响。二.相对定位相对定位,就是相对于自己原来的位置进行定位2.1如何设置相对定位?给元素设置position:relative即可实现相对定位。可以使用left、
GIS小小白
·
2024-02-15 01:44
css
前端
css
中的选择器
这就是
css
的语法规范一.
css
的基本选择器1.1通配选择器作用:可以选中所有的HTML元素。语法:*{属性名:属性值;}1.2元素选择器作用:为页面中某种元素统一设置样式。
GIS小小白
·
2024-02-15 01:44
css
前端
纯
css
实现那些超炫酷的动画效果
前言现如今网页越来越趋近于动画,相信大家平时浏览网页或多或少都能看到一些动画效果,那其实大家看到的动画其实很大一部分都是通过js或者插件实现的,但你知道吗,我们所熟知的
css
就可以制作炫酷的动画效果,下面一起看看吧
李長庚
·
2024-02-15 01:41
css
动画
css3
HTML+
CSS
炫酷效果(小伙伴赶紧收藏起来吧)
1.实现奥运徽效果2.实现3D效果3.翻开葵花宝典4.实现漂浮文字(动图)5.手机充电特效(动态)6.滚动时针7.立体相册1.实现奥运徽效果由于图片违规,就不给老铁发了哈亲自试试呗HTML如下奥运五环
CSS
小小锋叔叔
·
2024-02-15 01:40
Web
炫酷效果
css
html
css3
html
css
js实现无缝轮播图思路及其实现
一、思路:使用定时器完成图片的位置的偏移,使用transition完成图片的过渡动画。上图解释:单个黄色矩形表示图片,包裹所有矩形的外层这里叫“盒子”,蓝色盖住的部分代表可视盒子。1.自动轮播效果图:实现思路:上图黄色方块代表轮播图的排列位置,默认图片从start开始,切换到end的时候再往后走一个图片的宽度,到达chang的位置。此时通过js把盒子的transition过渡属性的时间置为0s,然
晚安778
·
2024-02-15 01:10
HTML
JS
CSS
html
css
javascript
Css
画一只皮卡丘
皮卡丘*{margin:0;padding:0;box-sizing:border-box;}*::after{box-sizing:border-box;}*::before{box-sizing:border-box;}body{height:100vh;border:1pxsolidgreen;display:flex;justify-content:center;align-items:c
木子欢儿
·
2024-02-15 01:09
css
html
css3
js
nagios
css
画一个皮卡丘
那么用
css
能不能画个皮神呢?
o_heart
·
2024-02-15 01:09
css
css
皮卡丘
vant toast轻提示 看了之后立马就会的那种 零基础上手 vue2调用vant toast轻提示
vue2调用vanttoast轻提示首先在main.js导入我们的vant组件importVantfrom'vant';import'vant/lib/index.
css
';import{Toast}from'vant
奈何夕(小艾)
·
2024-02-15 01:09
vue.js
javascript
前端
HTML+
CSS
练习——皮卡丘(更新中)
前两天学了网页制作大白(地址:纯
CSS
打造网页版「大白」_Web-蓝桥云课)今天试试自己按照一张图片用HTML与
CSS
制作出来。原图:目前进度:还差尾巴闪电部分代码如下:HTML:<div
染星_
·
2024-02-15 01:07
css
html
safari
css
—— 写炫酷动画
前期回顾你把
css
:hover玩明白_0.活在风浪里的博客-CSDN博客你想要什么hover效果?你想要什么动画?
彩色之外
·
2024-02-15 01:06
css相关
css
前端
动画
javascript
滚动
css
学习:轮播图
轮播图写法一:定位Document*{padding:0;margin:0;list-style:none;text-decoration:none;}#wrap{width:590px;height:470px;margin:50pxauto;border:10pxredsolid;position:relative;}img{vertical-align:middle;}/*.imgs{}*/
比尔盖茨接班人班长
·
2024-02-15 01:36
css
学习
css3
这十个
css
动画案例惊艳众人
对于网页设计师和开发工程师而言,创建一款极具趣味性和实用性的
CSS
网页动画,能让网站美观不少
CSS
动画,就是通过
CSS
代码搭建网页动画。
前端实验室
·
2024-02-15 01:05
CSS
前端
动画
【前端】Vue项目:旅游App-(14)home+search:搜索按钮及其路由跳转、分组数据的网络请求request、数据存储store和动态显示
文章目录目标过程与代码搜索部分:搜索按钮点击搜索按钮路由跳转并传数据search页面隐藏TabBar分类部分:数据请求:request、store显示数据分类的样式总代码修改或添加的文件common.
css
router
karshey
·
2024-02-15 01:05
前端案例
前端
vue.js
旅游
CSS
特效027:超可爱的小狗狗,女孩子都喜欢
后来工作,更加感觉到可视化的魅力,于是乎更加的专注于canvas,
CSS
,openlayers,leaflet,cesium。。。
还是大剑师兰特
·
2024-02-15 01:35
#
css常用示例100+
css
前端
css小狗
CSS
特效030:日蚀动画
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:35
#
css常用示例100+
css
css日蚀
CSS
特效028:超迷人的科技之眼
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:34
#
css常用示例100+
css
CSS眼睛
CSS科技之眼
CSS
特效024:旋转的通透立方体
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:04
#
css常用示例100+
css
前端
CSS立体动画
CSS
特效025:旋转的loading状态
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:04
#
css常用示例100+
css
前端
css特效
CSS
特效022:小球抛物线效果
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:03
#
css常用示例100+
css
前端
css抛物线
CSS
特效023:文字聚光灯效果
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:03
#
css常用示例100+
css
前端
CSS聚光灯
CSS
特效019:图标图片悬浮旋转一周
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:33
#
css常用示例100+
css
前端
css旋转
CSS
特效020:涌动的弹簧效果
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:33
#
css常用示例100+
css
前端
CSS
特效021:蛇形左右扭动的效果
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:33
#
css常用示例100+
css
前端
css动画
css蛇形
CSS
特效016:天窗扬起合上的效果
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:03
#
css常用示例100+
css
前端
CSS
特效014:模仿钟摆效果
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:02
#
css常用示例100+
css
前端
CSS
特效014: hover后左右开门的效果
CSS
常用示例100+专栏目录本专栏记录的是经常使用的
CSS
示例与技巧,主要包含
CSS
布局,
CSS
特效,
CSS
花边信息三部分内容。
还是大剑师兰特
·
2024-02-15 01:02
#
css常用示例100+
css
前端
上一页
17
18
19
20
21
22
23
24
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他