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
Css3
CSS3
DRenderer,
CSS3
DObject, OrthographicCamera API 结合使用案例
CSS3
DRenderer,
CSS3
DObject,OrthographicCameraAPI结合使用案例three.js
css3
d-orthographicbody{background-color:
小豆包3D世界
·
2024-03-17 20:00
css3
前端
javascript
网页HTML5制作flex布局骰子,
css3
flex布局结合transform生成一个3D骰子
1Flex布局首先聊聊Flex布局,Flex布局又称“弹性布局”,任何容器都可以指定为Flex布局,设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction:决定项目的排列方向,默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;
weixin_39905500
·
2024-03-17 05:09
HTML5+
CSS3
小实例:3D分层图像悬停效果
实例:3D分层图像悬停效果技术栈:HTML+CSS效果:源码:【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex;justify-content:center;align-items:center;overflow:hidden;/*渐变背景*/
艾恩小灰灰
·
2024-03-14 14:53
IntelliJ IDEA 的安装、配置与使用
公司介绍IDEA(https://www.jetbrains.com/idea/)是JetBrains公司的产品,公司旗下还有其它产品,比如:WebStorm:用于开发JavaScript、HTML5、
CSS3
坏孩子充电自习室
·
2024-03-10 19:18
开发经验
大数据
css3
-水波浪球起伏效果
body样式css样式*{margin:0;padding:0;list-style:none;}html,body{width:100%;height:100%;}body{display:grid;justify-content:center;align-content:center;background-color:#fff;}.circle{width:150px;height:150px
正在修炼web的小芮
·
2024-03-10 01:56
css3
css3
css3
夜晚星空
css3
动画*{margin:0;padding:0;}.container{width:100vw;height:100vh;background-color:#000;}.moon{width:100px
苦逼的猿宝
·
2024-03-06 15:08
html+css
css3
前端
css
css单位中px、em、rem的区别
如果当前行内文本的字体尺寸为被人为的设置,则相对于浏览器的默认字体尺寸,他会继承父级元素的字体大小因此并不是一个固定值3、rem是
css3
新增的一个相对单位,使用rem为元素设定字体大小时,仍然时相对大小
慢羊羊头上没草
·
2024-03-02 17:06
css
前端
css3
CSS3
新特性和
CSS3
动画
CSS3
的新特性1.选择器:(1)属性选择器:[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值](2)伪类选择器:为特定状态的元素添加样式,例如:hover、:active
·
2024-02-28 15:03
css3
VSCode设置左侧资源管理器字体大小
1.进入安装目录MicrosoftVSCode\resources\app\out\vs\workbench2.打开文件workbench.desktop.main.
css3
.搜索.monaco-workbench.part
·
2024-02-27 21:20
面试前端性能优化八股文十问十答第二期
优化动画可以通过以下几个方面进行:使用CSS动画:利用
CSS3
提供的transition和animation属性来实现动画效果,因为CSS动画是由浏览器来执行的,通常比JavaScript动画性能更高。
程序员小白条
·
2024-02-23 21:41
面试八股文系列
面试
前端
性能优化
八股文
面试必备
职场和发展
项目实战
css+动画优化,
css3
动画性能优化--针对移动端卡顿问题
一、使用css,jquery,canvas制作动画1.Canvas优点:性能好,强大,支持多数浏览器(除了IE6、IE7、IE8),画出来的图形可以直接保存为.png或者.jpg的图形;缺点:依赖于HTML,只能通过脚本绘制图形,没有实现动画的API(依靠事件和定时器更新);由于在canvas上以编程方式显示的文本其实就是位图,因此搜索爬行器将完全忽略文本。文本内容也无法被屏幕阅读器识别。2.cs
影子的覆盖
·
2024-02-23 18:07
css+动画优化
web
CSS3
伪类选择器 :nth-child()
:nth-child()可以选择某个的一个或多个特定的子元素,你可以按这种方式进行选择::nth-child(length);/*参数是具体数字*/:nth-child(n);/*参数是n,n从0开始计算*/:nth-child(n*length)/*n的倍数选择,n从0开始算*/:nth-child(n+length);/*选择大于length后面的元素*/:nth-child(-n+lengt
worldzhy
·
2024-02-20 21:11
CSS
HTML5+
CSS3
小实例:有点小酷的input输入框动画
HTML5+
CSS3
实现有点小酷的input输入框动画,带动画的输入框,总是让人忍不住去点它。
艾恩小灰灰
·
2024-02-20 19:38
webpack5介绍及基本使用(一)
1.1babel配置文件1.2browserslist配置文件2、处理图片、字体、图标等资源文件3、处理**less、scss、css**文件3.1css文件分离3.2处理less/sass文件3.3
css3
前端咸鱼翻身
·
2024-02-20 17:03
webpack
webpack
前端
HTML5+
CSS3
小实例:广告灯牌效果的loading动画
实例:广告灯牌效果的loading动画技术栈:HTML+CSS效果:源码:【html】广告灯牌效果的loading动画拼命加载中...【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100vh;/*弹性布局水平+垂直居中*/display:flex;justify-con
艾恩小灰灰
·
2024-02-20 17:10
php mysql html5_HTML5&
CSS3
&JavaScript&PHP&MySQL学习笔记
1、在文字间添加一条水平线使用注意该符号不是成对出现的2、用来标记于段落中的较短引用,浏览器会在它之间的语句两端加上双引号。3、可以包含设计者的联系方式或者电话等。P444、链接是由百度一下产生,其中href指定要链接到的地址。P665、如果希望链接网页在新网页中打开,那么需要在第4点中设置target=”_blank”P756、当需要跳转到页面的某个位置时,可使用id属性。P767、新建一个Em
Jakcwin
·
2024-02-20 13:08
php
mysql
html5
CSS3
定位与字体
1.定位定位是一种更加高级的布局手段通过定位可以将元素摆放到页面-使用position属性来设置定位可选值:static默认值,元素是静止的没有开启定位relative开启元素的相对定位absolute开启元素的绝对定位fixed开启元素的固定定位sticky开启元素的粘滞定位通过定位可以将元素摆放到页面的任意位置1.1相对定位当元素的position属性值设置为relative时则开启了元素的相
树懒pray
·
2024-02-20 08:45
html
html5
css
css3
盒子
盒子模型一.看透网页布局本质二.认识盒子三.盒子的边框(border)1.概念2.简写及分开写法3.合并问题(会相加)4.边框会影响盒子实际大小四.盒子的内边距(padding)1.概念2.简写3.内边距会影响盒子实际大小4.特殊情况(内边距不影响盒子实际大小)5.实际应用(导航栏)五.盒子的外边距(margin)1.概念2.简写(和内边距一样)3.典型应用(使块元素水平居中)4.合并问题(取大)
ldd_eb
·
2024-02-20 08:11
css
css3
前端
css
Itext生成pdf文件,html转pdf时中文一直显示不出来
模板渲染ftl页面,转出的pdf中,css2有些样式好像不支持,比较常用的居中样式都没有效果,text-align:center改造成使用html页面来转pdf,css2的样式可以生效,itext是不支持
css3
小池先生
·
2024-02-20 07:22
pdf
html
前端
CSS position属性sticky
在开发时,经常会碰到需要这样一种情况——网站滚动到一定高度的时候,让一部分内容作为navbar,也就是置顶显示,我们一般会使用js监听scroll事件来实现,但是新增的
css3
属性position:sticky
天外天-亮
·
2024-02-20 06:52
css
css
javascript
前端
CSS3
学习(二)
目录:1.字体属性1.1字体系列1.2字体大小1.3字体粗细1.4文字样式1.5字体复合属性1.6总结2文本属性2.1文本颜色2.2对齐文本2.3装饰文本2.4文本缩进2.5行间距2.6总结1.字体属性1.1字体系列使用font-family属性定义文本的字体系列,如果有多个字体,各个字体之间用英文逗号隔开。1.2字体大小使用font-size属性定义字体大小。px(像素)是常用的单位,谷歌浏览器
学习不止,掉发不停
·
2024-02-20 06:09
CSS3
学习
css
前端
[总结]CSS/
CSS3
常用样式与web移动端资源
CSS/
CSS3
常用样式与知识点IE条件注释条件注释简介IE中的条件注释(Conditionalcomments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。
weixin_30662011
·
2024-02-20 06:36
移动开发
javascript
前端
ViewUI
CSS/
CSS3
常用样式与web移动端资源
CSS/
CSS3
常用样式与知识点IE条件注释条件注释简介IE中的条件注释(Conditionalcomments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。
weixin_33994444
·
2024-02-20 06:36
移动开发
javascript
前端
ViewUI
css3
CSS修改选中文字的颜色html代码:第一段文字选中效果第二段文字选中效果css代码:.p1::selection{background:red;color:#fff;}.p2::selection{background:black;color:red;}选中文字后的效果如图所示:强制文本显示单行显示语法:white-space:nowrap;让一段文字在固定宽度在一行显示,最后一个字符为省略标记
dazhoufu9292
·
2024-02-20 06:58
css3
的var()函数
css3
的var()函数变量要以两个连字符--(横杆)(减号)为开头变量可以在:root{}中定义,:root可以在css中创建全局样式变量。
kfepiza
·
2024-02-20 04:26
HTML
CSS
JS
css3
前端
css
7. 多列
1.多列的效果说明:在
CSS3
中,可以创建多列来对文本或者区域进行布局。
瑟闻风倾
·
2024-02-20 02:16
CSS3
新属性 cacl()用法解析
**这是一个会计算的属性,特别适合对于自适应还不是很熟练的童鞋calc是英文单词calculate(计算)的缩写,是
css3
的一个新增的功能,你可以使用calc()给元素的border、margin、pading
爱狗的老男蜀黍丶
·
2024-02-20 01:42
html从零开始8:
css3
新特性、动画、媒体查询、雪碧图、字体图标【搬代码】
css3
新特性div{width:200px;height:200px;background-color:aqua;position:relative;border-radius:20px;/*圆角属性
搬代码
·
2024-02-20 00:47
css3
html
媒体
Nextjs styled-jsx animation
Nextjs自带的styled-jsx(v3.2.1)可能是不支持
css3
动画中@keyframes,多次尝试失败,现在采用把@keyframes写入css文件中,通过页面入口引入,(注意,在组件内部使用
aibinMr
·
2024-02-19 21:19
用HTML5实现动画
一、CSS动画
CSS3
动画:使用
CSS3
的动画属性和关键帧(keyframes)来创建动画效果。通过定义动画的开始状态、结束状态和过渡效果,可以实现平滑的动画效果。
软件技术爱好者
·
2024-02-19 19:54
JavaScrip技术
HTML5与CSS3
html5
前端
[HTML]Web前端开发技术26(HTML5、
CSS3
、JavaScript )JavaScript基础——喵喵画网页
希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言数据类型数据类型-字符型数据类型-数值型数据类型-布尔型数据类型-其它类型变量转义字符运算符和表达式算术运算符和表达式关系运算符和表达式关系运算符和表达式逻辑运算符和表达式赋值运算符和表达式位运算符和表达式条件运算符和表达式课后练习网页标题:事件处理
猫佛
·
2024-02-19 15:12
喵喵画网页
html
前端
html5
计算机学习
javascript
css3
[HTML]Web前端开发技术25(HTML5、
CSS3
、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页
希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言JavaScript程序代码消息对话框消息对话框-告警框消息对话框-确认框消息对话框-提示框JavaScript注释标识符和变量命名规范1.标识符2.关键字3.保留字课后练习网页标题:HTML属性的事件处理器的应用网页标题:调用外部js文件的Java
猫佛
·
2024-02-19 15:06
html
前端
html5
计算机学习
javascript
css3
HTML5+
CSS3
+JS小实例:黑客帝国“代码雨”特效
实例:黑客帝国“代码雨”特效技术栈:HTML+CSS+JS效果:源码:【HTML】黑客帝国“代码雨”特效【CSS】*{margin:0;padding:0;}body{overflow:hidden;}canvas{
艾恩小灰灰
·
2024-02-19 15:22
HTML+CSS+JS小实例
html5
css3
javascript
前端
css
html
CSS3
学习(一)
1.语法规范CSS主要由选择器和一条或多条的声明构成。选择器用于指定CSS样式的HTML标签,花括号里面是对应的具体样式属性与属性值以键值对的形式出现,属性与属性之间用分号隔开里写2.基础选择器【作用】选择标签使用选择器分为基础选择器和复合选择器,基础选择器是由单个选择器组成的,包括标签选择器、类选择器、id选择器和通配符选择器2.1标签选择器用HTML标签名称作为选择器,为同一类标签全部制定统一
学习不止,掉发不停
·
2024-02-19 13:16
CSS3
css3
学习
前端
Web前端新手一定要知道的几个框架!
各大巨头又纷纷把技术转向HTML5和
CSS3
,各种企业级框架如雨后春笋般涌现。那么今天就给大家介绍几个在web界比较优秀的前端框架。
BOM485480
·
2024-02-19 12:20
前端
前端
前端开发
web前端
前端框架
【2024年】基于Python的电商购物商品销售情况分析系统的设计与实现
软件开发环境及开发工具:开发语言:python使用框架:Django前端技术:JavaScript、VUE.js(2.X)、
css3
开发工具:pycharm、VisualStudioCode、HbuildX
千里码aicood
·
2024-02-19 11:42
python
python
基于Python的乡村振兴平台设计与实现
软件开发环境及开发工具:开发语言:python使用框架:Django前端技术:JavaScript、VUE.js(2.X)、
css3
开发工具:pycharm、VisualStudioCode、HbuildX
千里码aicood
·
2024-02-19 11:42
python
python
开发语言
【2024年】基于Python实现的教学网站作业管理系统考试成绩设计与实现
软件开发环境及开发工具:开发语言:python使用框架:Django前端技术:JavaScript、VUE.js(2.X)、
css3
开发工具:pycharm、VisualStudioCode、HbuildX
java_python源码
·
2024-02-19 11:31
python
python
开发语言
【2024届】基于Python的停车管理系统停车场设计与实现
软件开发环境及开发工具:开发语言:python使用框架:Django前端技术:JavaScript、VUE.js(2.X)、
css3
开发工具:pycharm、VisualStudioCode、HbuildX
java_python源码
·
2024-02-19 11:31
python
python
开发语言
前端HTML5/HTML+
CSS3
/CSS学习笔记(六)
表单的应用认识表单创建表单认识表单注:表单”是网页上用于输入信息的区域,用来实现网页与用户的交互、沟通。例如注册页面中的用户名和密码输入、性别选择、提交按钮等都是用表单相关的标记定义的。创建表单在HTML5中,标记被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,中的所有内容都会被提交给服务器。各种表单控件与之间的表单控件是由用户自定义的,action、method为表单标记的常用属性
LHBxiaobin
·
2024-02-15 08:03
HTML+CSS学习
前端
html
css
HTML5与
CSS3
总结
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、
CSS3
、JavaScript )HTML5 基础与
CSS3
应用,datetime-local,required,MPEG4——喵喵画网页
目录前言HTML5新增的表单属性HTML5新增的input类型HTML5表单新增输入类型HTML5视频与音频
CSS3
基础应用
CSS3
浏览器兼容性课后练习网页标题:顺序结构的应用网页标题:if..else
猫佛
·
2024-02-15 08:29
喵喵画网页
html
前端
html5
javascript
css3
计算机学习
css3
新单位vw、vh、vmin、vmax
vw:按照viewport宽度的百分比计算盒子的宽度或字体的大小;vh:按照viewport高度的百分比计算盒子的高度;vmin:对比viewport的宽度和高度,按照小的做百分比计算;vmax:对比viewport的宽度和高度,按照大的做百分比计算;
icaojinyu
·
2024-02-15 04:26
CSS布局基础(五)--
CSS3
新增选择器
一、兄弟选择器**兄弟选择器与相邻选择器类似,通过同级的兄弟元素来相互控制。所谓兄弟选择器就是指定一个元素后面的同级元素的样式,使用~表示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
[HTML]Web前端开发技术24(HTML5、
CSS3
、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、
CSS3
、JavaScript )HTML5 基础与
CSS3
应用,animation,text-shadow,word-wrap——喵喵画网页
目录前言
CSS3
动画animation
CSS3
动画animation子属性设置
CSS3
多列属性
CSS3
文本效果1.文本阴影text-shadow属性2.文本换行text-wrap属性3.控制换行word-wrap
猫佛
·
2024-02-15 01:49
喵喵画网页
html
前端
html5
计算机学习
javascript
css3
[HTML]Web前端开发技术21(HTML5、
CSS3
、JavaScript )HTML5 基础与
CSS3
应用,border-radius,box-shadow,transform——喵喵画网页
目录前言
CSS3
边框1.border-radius圆角边框2.box-shadow边框阴影3.border-image边框图像
CSS3
转换transform属性1.
CSS3
2D转换总结前言来来来,上号~
猫佛
·
2024-02-15 01:48
喵喵画网页
html
前端
html5
计算机学习
javascript
css3
[HTML]Web前端开发技术22(HTML5、
CSS3
、JavaScript )HTML5 基础与
CSS3
应用,animation ,@keyframes,Transition——喵喵画网页
目录前言
CSS3
转换transform属性2.
CSS3
3D转换
CSS3
过渡transition属性Transition子属性设置语法
CSS3
动画animation1.
CSS3
动画animation基本语法
猫佛
·
2024-02-15 01:17
喵喵画网页
html
前端
html5
计算机学习
javascript
css3
我让ChatGPT用
CSS3
画一个皮卡丘,还是自己画的可爱
目录一、第一次尝试让ChatGPT用
CSS3
画皮卡丘1.绘制皮卡丘的耳朵:2.绘制皮卡丘的眼睛:3.绘制皮卡丘的嘴巴:4.绘制皮卡丘的尾巴:二、第二次尝试ChatGPT完整版皮卡丘
CSS3
代码如下三、自己动手用
经海路大白狗
·
2024-02-15 01:00
CSS3动画特效
css3
前端
css
chatgpt
动画
JavaWeb
目录1.初识Web前端2.HTML、
CSS3
.基础标签4.CSS样式5.CSS引入方式6.颜色表示形式7.CSS选择器8.超链接9.盒子模型10.JavaScript11.JS基础语法12.数据类型13
小小李学java
·
2024-02-14 22:56
web
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他