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
htML+CSS3
前端HTML5/
HTML+CSS3
/CSS学习笔记(六)
表单的应用认识表单创建表单认识表单注:表单”是网页上用于输入信息的区域,用来实现网页与用户的交互、沟通。例如注册页面中的用户名和密码输入、性别选择、提交按钮等都是用表单相关的标记定义的。创建表单在HTML5中,标记被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,中的所有内容都会被提交给服务器。各种表单控件与之间的表单控件是由用户自定义的,action、method为表单标记的常用属性
LHBxiaobin
·
2024-02-15 08:03
HTML+CSS学习
前端
html
css
html+css3
补充学习
一、html常用标签1.文本标签1.1strong着重阅读,也可以理解为加粗效果这是一个测试页面2.字符实体2.1空格 2.2一个中文宽度实体 例子用户名密 码二、CSS1.选择器标签、类、id选择非常常用,前边的文档写过了,不在记录了1.1后代选择器子标签子子标签子子子标签都是后代选择器ulli{color:red}1.2子代选择器子代选择器只选择下边1层ul>li
smile_pbb
·
2024-01-20 23:25
前端
html
css3
学习
html炫酷导航实例,
HTML+CSS3
简易实现炫酷导航栏(颜色可改)
HTML页面为csscss导航栏homefirstonetwothreefourfivesixsecondonetwothreefourfivesixthrid</
老K先生
·
2024-01-10 19:49
html炫酷导航实例
HTML+CSS3
(三)——HTML基本标签
目录:
HTML+CSS3
(一)——认识浏览器
HTML+CSS3
(二)——HTML初识
HTML+CSS3
(三)——HTML基本标签
HTML+CSS3
(四)——表单pattern正则属性
HTML+CSS3
(
C-A-L-D
·
2023-12-27 12:31
Web前端-html+css3
html
html基本标签
HTML5+CSS3小实例:炫彩的流光按钮
HTML+CSS3
实现炫彩的流光按钮,是不是有点小好看,关键是代码还简单,遇到这样的按钮,我都不忍点击,就一直悬停在上面,静静欣赏它的美。
艾恩小灰灰
·
2023-11-13 20:28
HTML+CSS+JS小实例
css3
html5
前端
web
css
惊!暑假已经过去一半了
不知不觉间,已经到了8月份,回想起七月份,我对我写的数据库进行了完善,然后在七月末旬开始了
HTML+CSS3
的学习,一开始学习很不顺,因为H5实在是太碎了,好不容易看完了知识点,但是做网页的时候还是感觉无从下手
贾涛_三月14
·
2023-10-22 12:48
HTML+CSS3
实现switch开关
input标签CheckBox类型,label伪元素.my_switch{display:none;}.my_switch+label{display:inline-block;box-sizing:border-box;height:22px;min-width:70px;line-height:22px;vertical-align:middle;border-radius:100px;bor
S拒绝拖延
·
2023-08-26 09:37
【小白学前端】化腐朽为神奇-
HTML+CSS3
实现旋转地球(day02-4)
功能需求实现地球旋转,本质是一张图片,在网页中图片都是矩形没有直接提供圆形,CSS3提供了圆角样式,非常方便的解决了这个问题。先准备一个正方形的图片,然后设置其当圆角超过图片半径时,自然就成为一个圆。CSS3增加了强大的动画功能,可以让图片进行旋转。界面原型实现代码旋转地球body{margin-top:50px}#rotation-earth{margin:0auto;width:310px;h
长安紫薯
·
2023-08-01 11:27
front-end
大前端
html
css3
【小白学前端】化腐朽为神奇-
HTML+CSS3
实现永和小票(day01-2)
功能实现永和大王门店小票。利用html技术实现永和大王购物小票,连接小票打印机即可实现购物小票的打印。掌握此技术,基本日常饭店、超市、购物等开具的小票业务都能实现。界面原型源代码永和小票body{/*标签是直接写的*/font-size:8px;/*字体的大小,8个像素*//*一般去看一个元素位置,设置它的边线,调试完再去掉*/border:0pxsolidred;width:290px;}.me
长安紫薯
·
2023-08-01 11:57
front-end
大前端
html
css
web
【小白学前端】化腐朽为神奇-
HTML+CSS3
实现电影票(day01-3)
界面原型利用div和table布局实现电影票的布局小技巧包括:圆角样式、横向合并单元格、纵向合并单元格代码实现太平洋影城td{border:1pxsolid;border-color:darkgoldenrod;margin-top:2px;padding:5px;border-radius:10px;}.no{/*border:1pxredsolid;*/color:#B8860B;/*16进制
长安紫薯
·
2023-08-01 11:57
front-end
大前端
html
css
css3
Html5+CSS3
本教程适用人群只要你对网页前端技术感兴趣,你就可以学习,听了本教程之后你也会学会利用HTML5制作出一个完美的网页课后目标1、完全掌握HTML5网页结构2、熟悉并掌握常用的CSS3新增的样式属性3、能够独立地完成常见HTML5网页
HTML
子午禾苇
·
2023-04-16 19:57
【Html5+CSS3 】初识HTML5
本教程适用人群只要你对网页前端技术感兴趣,你就可以学习,听了本教程之后你也会学会利用HTML5制作出一个完美的网页课后目标1、完全掌握HTML5网页结构2、熟悉并掌握常用的CSS3新增的样式属性3、能够独立地完成常见HTML5网页
HTML
子午禾苇
·
2023-04-10 15:11
一篇文章教会你使用
html+css3
制作炫酷效果
今天教大家用简单的
html+css3
结合制作艺龙的页面效果。【二、项目准备】1、图片:新建img文件,准备自己喜欢的五张图,保存在文件夹。2、软件:Dreamweaver【三、项目目标】运
BOM485480
·
2023-03-30 08:25
前端
html
css
js
vue
前端
基于Canvas和
HTML+CSS3
构建JavaScript弹幕库
如今各大视频网站都有弹幕功能,貌似不存在没有弹幕的视频直播网站。弹幕元素比起留言板等交互性和实时性更高,深受广大基友们喜欢。然后,我就在各大视频网站假装观看视频的同时,悄悄地按下了F12,想一探究竟。了解发现,目前弹幕的主要实现有两种方式:CanvasHTML+CSS一说到动画,大家第一时间能想到的就是Canvas。使用Canvas能很方便地绘制动画,并且获得非常不错的性能,目前前端不少动画都是通
everlastlucas
·
2023-03-25 14:40
javascript
css
vue.js
html5
html
自学JavaScript之路前记
HTML5+CSS3正在学习中,现在大一后续会记录
HTML+CSS3
的笔记。学习JavaScript是前端必学的语言。
一条一厢情愿的鱼
·
2023-01-26 12:04
为你心仪的她做一个 “旋转木马“告白相册【零基础纯 CSS3 实现】
有会员的小伙伴直接下载即可,没有会员的小伙伴私聊我“旋转木马”也能获取(免费的),下面是源码资源的链接:基于CSS的旋转木马相册的案例,页面简洁炫酷适合拿来做网页-Javascript文档类资源-CSDN下载基于
HTML
卡卡西最近怎么样
·
2022-10-02 16:08
前端案例合集
css3
前端
css
html
javascript
百度实习面经2022-4-24(第一次面试,暂时只面了一场,感觉人无了)
我的学习进度我走的是JavaEE企业版的开发,目前大三在读,路线也是先学的c语言、java、
HTML+CSS3
、Jquery、python等之后专注于java走后端开发路线学了MySQL、JavaWeb
我认不到你
·
2022-09-15 12:29
随谈
java
android
百度
面试
html动画效果怎么做成桌面效果,
HTML+CSS3
模仿Windows7 桌面效果
基于css3仿造window7的开始菜单》,文中仅使用CSS3实现了Windows7开始菜单的动态效果,很久以来一直被WPF/Silverlight山上的风景所吸引,未成想其他的山也同样引人入胜。于是心血来潮也尝试着做了一个Windows7桌面效果,先来看几张截图吧。桌面程序鼠标Hover效果:任务栏程序鼠标Hover效果:开始菜单效果:桌面程序图标桌面背景及程序图标的结构如下:复制代码代码如下:
Linda Jiang
·
2022-06-02 16:49
前端HTML5/
HTML+CSS3
/CSS学习笔记(七)
多媒体技术HTML5多媒体的特性HTML5多媒体的特性在HTML5出现之前并没有将视频和音频嵌入到页面的标准方式,多媒体内容在大多数情况下都是通过第三方插件或集成在Web浏览器的应用程序置于页面中。运用HTML5中新增的video标签和audio标签可以避免这样的问题。视频和音频编解码器视频编解码器视频编解码器定义了多媒体数据流编码和解码的算法。其中编码器主要是对数据流进行编码操作,用于存储和传输
LHBxiaobin
·
2022-03-24 00:08
HTML+CSS学习
前端
css
html
HTML + CSS3 基础入门与进阶
HTML+CSS3
基础入门与进阶简介1、前端三层2、IDE简介3、网页实时热更新4、项目开发流程一、HTML入门与进阶1、HTML语法与基础标签(1)HTML5基础入门(2)HTML5的基本标签2、div
lgk_Blog
·
2022-03-22 09:04
Web
前端知识
html5
css3
《
html+css3
实现抽屉的效果》
Documentbody{perspective:1000px;}.box{position:relative;width:200px;height:300px;margin:100pxauto;transform-style:preserve-3d;transform:rotateX(-20deg)rotateY(20deg);}.boxdiv{position:absolute;left:0;
@逆风微笑代码狗
·
2022-02-21 10:43
css3
css
html
《
html+CSS3
实现跳动爱心》
笔记:1.设置阴影:box-shadow:0080pxred;/*设置阴影效果,其值分别表示水平偏移量,竖直偏移量,阴影大小,颜色*/2.动画:animation:动画名动画时间是否匀速(linear)延迟是否反复(infinte)是否终点停止;3.居中:margin:100pxauto;100px表示上下居中像素100pxauto表示左右居中4.变换:transform:rotate(45deg
@逆风微笑代码狗
·
2022-02-21 10:13
笔记
css3
html
css
《
html+css3
实现风车旋转效果》
day02body{background-color:black;}.wrap{width:700px;height:700px;margin:200pxauto;position:relative;}.wrap_box1{position:relative;width:300px;height:300px;z-index:2;animation:change2slinearinfinite;}@
@逆风微笑代码狗
·
2022-02-21 10:13
笔记
css3
html
关于Java后台
HTML+CSS3
转换生成PDF文件问题求助!
关于Java后台
HTML+CSS3
转换生成PDF文件问题求助!公司需求:
HTML+CSS3
(CSS样式是直接写在HTML文件当中)转换为PDF文件,并上传阿里云OSS供用户下载。
bp001haha
·
2022-02-21 10:04
求助
JAVA
求助
HTML+CSS3
转换PDF
生成PDF
HTML+CSS3
(九)——CSS高级技巧
目录:
HTML+CSS3
(一)——认识浏览器
HTML+CSS3
(二)——HTML初识
HTML+CSS3
(三)——HTML基本标签
HTML+CSS3
(四)——表单pattern正则属性
HTML+CSS3
(
C-A-L-D
·
2020-09-17 09:25
Web前端-html+css3
鼠标样式
边框线
精灵图
精灵技术
字体图标
html+css3
过渡模块-手风琴效果
167-过渡模块-手风琴效果*{margin:0;padding:0;}ul{width:960px;height:300px;margin:100pxauto;border:1pxsolid#000;overflow:hidden;}ulli{/*水平排版*/float:left;list-style:none;width:160px;height:300px;background-color:
老张谋
·
2020-09-16 04:57
html+css
用
HTML+CSS3
写一个会旋转的魔方
Document.box{width:300px;height:300px;margin:150pxauto;position:relative;transform-style:preserve-3d;animation:rotate10slinearinfinitealternate;}.before,.back,.top,.bottom,.left,.right{width:300px;hei
JellyDDD
·
2020-09-11 07:59
前端基础
web基础
DIV CSS3和html5 CSS3有什么区别
,他们都是我们对网页开发布局方式的统称,但是DIV+CSS3作为网页的基础开发这句话其实并不严谨,因为而div只是HTML的一个比较重要的元素而已,而标准的叫法应是HTML+CSS,我们要比较的其实是
html
weixin_33971130
·
2020-09-10 19:44
一篇文章教会你使用
html+css3
制作GIF图
简介:一篇文章教会你使用
html+css3
制作GIF图【一、项目背景】生活中经常会见到很多gif图,那么gif图到底是什么?GIF是一种位图。
阿里云开发者
·
2020-09-10 12:38
数据采集
前端开发
数据挖掘
Python
HTML+CSS3
(一)——认识浏览器
目录:
HTML+CSS3
(一)——认识浏览器
HTML+CSS3
(二)——HTML初识
HTML+CSS3
(三)——HTML基本标签
HTML+CSS3
(四)——表单pattern正则属性
HTML+CSS3
(
C-A-L-D
·
2020-08-23 18:21
Web前端-html+css3
浏览器
浏览器内核
html
HTML+CSS3
(二)——HTML 初识
目录:
HTML+CSS3
(一)——认识浏览器
HTML+CSS3
(二)——HTML初识
HTML+CSS3
(三)——HTML基本标签
HTML+CSS3
(四)——表单pattern正则属性
HTML+CSS3
(
C-A-L-D
·
2020-08-23 18:21
Web前端-html+css3
html+css3
实现各种loading效果
效果见下图代码:建议直接去本人github上浏览代码https://github.com/wuliqiangqiang/loadingloading效果*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/*浮动*/.cf:before,.cf:after{content:"";disp
weixin_30246221
·
2020-08-21 17:48
前端导航栏html5+css3
"images/bg.jpg");}#logo{width:895px;height:45px;/*margin:上下左右*/margin:50pxauto;border-radius:10px;/*
html
西宝宝
·
2020-08-18 21:40
web前端技术
瞧瞧
HTML+CSS3
“灯泡”知识点
1.HTML:HyperTextMarkupLanguage超文本标记语言,注意它非编程语言;浏览器对其解析有兼容性的问题,不同的浏览器呈现的效果可能不同。2.HTML和XHTML的区别:XHTML是HTML像XML的一个过渡语言XHTML必须正确嵌套XHTML所有元素必须被关闭XHTML区分大小写,其标签名必须用小写字母XHTML文档必须拥有根元素XHTML文档要求给所有属性赋一个值XHTML文
Augenstern、
·
2020-08-17 13:07
html+css3
实现简单加载动画,loading实现
通过css3实现loading动画,主要用到的属性:@keyframes:用于定义动画animation:用于使用动画animation属性描述值描述animation-name规定需要绑定到选择器的keyframe名称。。animation-duration规定完成动画所花费的时间,以秒或毫秒计。animation-timing-function规定动画的速度曲线。animation-delay
vipdatoucth
·
2020-08-15 16:12
css3
Html
动画
HTML+CSS3
(六)——行内元素和块级元素
目录:
HTML+CSS3
(一)——认识浏览器
HTML+CSS3
(二)——HTML初识
HTML+CSS3
(三)——HTML基本标签
HTML+CSS3
(四)——表单pattern正则属性
HTML+CSS3
(
C-A-L-D
·
2020-08-10 10:21
Web前端-html+css3
36.笑脸评分栏特效
效果(源码网盘地址在最后)视频演示「前端编程实战36」
HTML+CSS3
实现笑脸评分栏特效视频地址一:https://www.bilibili.com/video/BV1Pt4y1y7K2/视频地址一:
前端小智@大迁世界
·
2020-08-09 10:05
CSS创意特效
HTML+CSS3
横向导航栏
效果图:index.htmlHTML+CSS3横向导航栏TabOneTabTwoTabThreeTabFourThisisPanelOneThisisPanelOneThisisPanelTwothisispaneltwoThisisPanelThreethisispanelthreeThisisPanelfourthisispanelfourindex.cssbody{font-family:C
suixin_erwei
·
2020-08-07 18:08
css
38.鼠标移动炫酷特效
效果(源码网盘地址在最后)视频演示「前端编程实战38」
HTML+CSS3
实现鼠标移动炫酷特效视频演示地址一:https://www.bilibili.com/video/BV1Xz411v7X9/视频演示地址二
前端小智@大迁世界
·
2020-08-07 16:59
CSS创意特效
如何用
Html+css3
写一个简单的网页
!DOCTYPEhtml>*/我这次利用一门前端开发语言Html开发一个简单的网页/*程序猿de代码生活body{/*利用了我所学的皮毛运用css3的技术完成一个简单的div打包text-align:center目的是为下方文字和图片能够居中/*}.div{margin:0auto;width:400px;height:100px;border:15px;}人生解答书如何开启不一样的人生想学习吗/
hongkq
·
2020-08-02 18:54
Html
html+css3
自定义button样式
原生的按钮有点丑,为此需要改装一下样式,达到适应页面或者美化的作用。下面的连接是用input做按钮和button做按钮的区别,有兴趣的可以看看。https://blog.csdn.net/u010458114/article/details/79371304先上效果图:html+CSS实现如下:按钮.yongyin{width:100px;text-align:center;line-height
星旅zl
·
2020-08-01 13:17
web开发
HTML+CSS3
HTML新增元素header头部标签nav导航栏section块article文章,内容aside侧边栏footer底部标签(IE9中需要将这些元素转换为块元素display:block;)音频和视频sourse资源controls设置或返回音频/视频是否显示控件(比如播放/暂停等)。loop设置或返回音频/视频是否应在结束时重新播放。muted设置或返回音频/视频是否静音autoplay是否在加
方程式1002
·
2020-08-01 06:32
CSS
一步步用svg做一个声波扩散动画
这种需求一般做法有几种,一种做成gif图片,然后贴上去,一种是用
html+css3
完成,要么就是画上去,这画又分两种,一种是Canvas画布来画,另一种用svg来画。
weixin_30940783
·
2020-08-01 03:06
HTML+CSS3
(五)——CSS基础
目录:
HTML+CSS3
(一)——认识浏览器
HTML+CSS3
(二)——HTML初识
HTML+CSS3
(三)——HTML基本标签
HTML+CSS3
(四)——表单pattern正则属性
HTML+CSS3
(
C-A-L-D
·
2020-07-29 06:02
Web前端-html+css3
前端重要组件--轮播图的详细教程(层级轮播图和水平轮播图)(极其详细,建议收藏)
最近前端学习中遇到了网页中一个极为重要的组件,轮播图,并且尝试用代码做了两种类型的轮播图,其一层级轮播图,是纯
html+css3
,和少量js,其二,水平轮播图,这个也是最常见的轮播图,用到了js的部分知识
蜗牛9528
·
2020-07-28 22:20
网页组件
html+css3
基础知识部分详记
1.VsCode操作1)语言切换2)“文件”——首选项——“设置”3)插件:viewinbrowseropeninbrowser4)快捷键alt+b使用默认浏览器打开shift+alt+向下箭头向下复制一行shift+alt+向上箭头向上复制一行alt+向下箭头向下移动行alt+向上箭头向上移动行shift+tab向前移动ctrl+z回退一步2.浏览器及内核1)chrome谷歌:特点——简洁、快速
林吱吱
·
2020-07-28 09:30
html
html5
css3
3d
HTML+CSS3
简易实现炫酷导航栏(颜色可改)
HTML页面为css导航栏homefirstonetwothreefourfivesixsecondonetwothreefourfivesixthridonetwothreefourfivesixfourthotherCSS样式为*{padding:0;margin:0;list-style:none;}body{background-color:#cccccc;}.container{marg
未来的小码农
·
2020-07-14 19:36
项目示例
HTML
CSS3
HTML+CSS学习总结
HTML+CSS3
学习总结锚链接......功能性连接电子邮件:联系我们列表、表格与媒体元素列表:无序列表,有序列表,定义列表无序列表:有序列表:定义列表:定义列表的特性:没有顺序,每个标签标签独占一行
宁妤
·
2020-07-13 02:32
学习总结
课后总结
31.HTML+CSS3 实现定价卡悬停特效
效果(源码网盘地址在最后)视频演示「前端编程实战31」
HTML+CSS3
实现定价卡悬停特效视频地址一:https://www.bilibili.com/video/BV1mK411W7pG/视频地址二:
前端小智@大迁世界
·
2020-07-09 21:12
CSS创意特效
28.发光复选框特效
效果(源码网盘地址在最后)视频演示「前端编程实战28」
HTML+CSS3
实现发光复选框网页特效视频地址一:https://www.bilibili.com/video/BV1qz411z7Eq/视频地址二
前端小智@大迁世界
·
2020-07-09 21:12
CSS创意特效
上一页
1
2
下一页
按字母分类:
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
其他