H5+CSS3

纯H5+CSS3实现下雨特效

下面这是效果图：HTML部分代码：为方便大家复制：                                                                                                                                                                               
前端-小苗00·2023-12-28 12:53

尚硅谷H5+CSS3基础课笔记一（HTML部分）

课程简介C/S架构——图形化界面，B/S架构——网页相较于图形化界面，网页具有优势：无需安装；无需更新；跨平台语言：HTML，CSS，JavaScript拜见祖师爷伯纳斯李1994年建立万维网联盟（W3C），为制订网页开发的标准。结构——HTML，表现——CSS，行为——JavaScriptHTMLHypertextMarkupLanguage超文本标记语言，超文本指的是超链接注释是无结束的标签有
JayyyyW·2023-12-27 12:02

《Web前端技术H5+CSS3》笔记--第四章 初识CSS3[云图智联]

1.1CSS概述1.1.1什么是CSSHTML标签原本被设计为用于定义文档内容。通过使用h1、p、table这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范中，创
云图智联IT教育·2023-12-04 02:04

h5+css3基础面试题

h5+css面试题一HTML5中新增了那些内容?广义上的html5指的是最新一代前端开发技术的总称,包括html5,css3,新增的webAPihtml,中新增了header,footer,main,nav等语义化标签,新增了video,audio媒体标签,新镇了canvas画布.新增了一些标签属性,例如input的placeholder.css中新增了:圆角,阴影,滤镜,vwvh单位,flex布
我不是我不是·2023-11-19 10:10

前端H5+CSS3流光效果

每次看到颜色渐变总是不由自主的想到流光,刚开始是考虑通过父子元素遮挡的想法实现,发现过于复杂,放弃选择博客之后豁然开朗.准备材料一张图片作为标题图标,没有其他了开始,创建stream.html文件处理小图标流光主题内容调整样式html{margin:0;padding
foncen·2023-11-17 08:29

H5+CSS3 背景图毛玻璃效果实现方案

方案一、+filter:blur().background{width:100px;height:auto;filter:blur(20px);}优势：通过的方式引入背景图片或者图标，可以被搜索引擎抓取，可用于网站页面中较为重要的图片资源的引入。通过引入图片时，可以通过单独设置width或height的其中一个，并将另外外一个设置为auto，以实现图片在一个方向轴上的等比拉伸，可以避免图片的拉伸变
Azer.Chen·2023-10-09 12:35

H5+Css3文本溢出添加省略号（包括插件）

一、单行溢出隐藏添加省略号p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}二、多行溢出隐藏省略号p{display:-webkit-box;-webkit-box-orient:vertical;/*设置省略号在容器第四行文本后*/-webkit-line-clamp:4;overflow:hidden;}局限性：使用web
骆骆爱学习·2023-10-08 05:03

H5+CSS3笔记

关于授课（学习）许多人相信，他们的智力水平是生来是注定的，学业无成是因为先天不足。但实际情况是，当学习新东西时，大脑会发生改变，也就是说影响智力水平的因素在很大程度上是你本人掌握的。（自信）上课：主动参与学习可以有更好的效果。上课的跟着思路走-》琢磨-》提出问题。上课进行互动，可以开一些玩笑（调节气氛，没有恶意不影射谁），有\没有问题都要及时说出来。上课安排的课堂练习通常和当天的讲解内容及之前的知
周与墨i·2023-09-20 07:15

尚硅谷H5+CSS3基础课笔记二（CSS部分）

CSS3css（层叠样式表）处理网页的表现网页是一个多层的结构，用css可以分别为网页的每一个层设置样式，最终展示的是最上边一层。内联样式；内部样式表；外部样式表注释：/*...*/css基本语法：选择器+声明块选择器相关元素选择器：标签名{}id选择器：#id属性值{}类选择器：.class属性值{}通配选择器：*{}交集选择器：选择器1选择器2选择器n{}。这样一来就可以选择同时符合多个限定条
JayyyyW·2023-07-19 18:31

面试题

ajax的区别axios是通过promise实现对ajax技术的一种封装axios可以运行nodejs里边，ajax只能在js中使用拦截请求和响应（Interceptors拦截器）axios可以并发请求h5
yimi珊·2023-04-18 13:08

使用Vue+Vue-router+el-menu实现菜单功能实战

前言上节回顾上一小节我们使用H5+CSS3实现了管理平台的架构布局，并且通过Vuex的使用，获取到前端数据本地化存储的username，绑定到右上角进行全局展示。
经海路大白狗·2023-04-11 11:23

免费分享20套微信小程序源码 源码免费下载【强烈推荐】

1、JAVA微信小程序商城源码带完整后台运行版00206架构为springmvc+mybatis+spring+maven+mysql后台前端使用boostrap-ace技术前台前端使用h5+css3
淘源码d·2022-12-08 19:49

我在乐字节学习前端的第三天-学习笔记：H5+CSS3面试题总结

H5+css3面试题总结一、html5和html的区别：1.html5新增了语义化标签：footer、nav、section…2.html5完全支持css33.支持本地离线存储4.新增了canvas标签
codercore·2020-11-17 00:50

我在乐字节学习前端的第三天-学习笔记：H5+CSS3面试题总结

H5+css3面试题总结一、html5和html的区别：1.html5新增了语义化标签：footer、nav、section…2.html5完全支持css33.支持本地离线存储4.新增了canvas标签
codercore·2020-11-16 13:05

我在乐字节学习前端的第三天-学习笔记：H5+CSS3面试题总结

H5+css3面试题总结一、html5和html的区别：1.html5新增了语义化标签：footer、nav、section…2.html5完全支持css33.支持本地离线存储4.新增了canvas标签
爱编程的大百·2020-11-16 10:11

H5+CSS3之如何简单的实现自适应一排两列布局

用FLEX设置一排两列50%的设置方法：HTML代码CSS代码html,body,section{width:100%;height:100%;margin:0;padding:0;}ul,li{list-style:none;margin:0;padding:0;width:100%;}.box{display:flex;flex-direction:row;flex-wrap:wrap;jus
残剑破空落飞雪·2020-09-17 15:43

【江哥带你从“零”玩转Html5 + 跨平台开发】学习笔记

最近一段时间都没有写博客，一是因为有新的项目要做，而是最近在学习有关H5移动开发相关方面的内容，以下是看了“【江哥带你从“零”玩转Html5+跨平台开发】”总结的学习笔记，目前只是更新到了H5+CSS3
晓娜点点·2020-09-16 17:20

《Web前端技术H5+CSS3》笔记--第六章 盒子模型[云图智联]

所有HTML元素可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。1.1盒子模型在学习盒子模型之前，先来看一个生活中的例子。假如墙上排列着几幅画。对于每幅画来说，都有一个边框，在英文中称为border；每个画框中，画和边框
云图智联·2020-09-16 13:15

《Web前端技术H5+CSS3》笔记--第三章 表单[云图智联]

1.1表单概述1.1.1表单在网页中的应用表单在网页中应用比较广泛，如申请电子邮件，用户需要首先填写注册信息，然后才能提交申请。又如希望登录邮箱收发电子邮件，也必须在登陆页面中输入用户名、密码才能进入邮箱，这就是典型的表单应用。通俗的讲，表单就是一个将用户信息组织起来的容器。将需要用户填写的内容放置在表单容器中，当用户单击“提交”按钮时，表单会将数据统一发送给服务器。表单的应用比较常见，典型的应用
云图智联·2020-09-16 13:14

《Web前端技术H5+CSS3》笔记--第四章 初识CSS3[云图智联]

1.1CSS概述1.1.1什么是CSSHTML标签原本被设计为用于定义文档内容。通过使用h1、p、table这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范中，创
云图智联·2020-09-16 13:43

《Web前端技术H5+CSS3》第二章 HTML基础[云图智联]

1.1列表1.1.1列表及其应用1.什么是列表简单来说，列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来。2.列表的分类及其应用无序列表，语法：第一项第二项第三项有序列表，语法：第一项第二项第三项定义列表，语法：标题第一项第二项标题二第一项第二项无序列表|无序列表由ul标签和li标签组成，使用ul标签作为无序列表的声明，使用li标签作为每个列表项的起始。无序列表中
云图智联·2020-09-16 13:42

《Web前端技术H5+CSS3》笔记--第一章 HTML基础[云图智联]

1.1HTML简介1.1.1HTML：HyperTextMarkupLanguage（超文本标记语言）在学习使用HTML之前，大家经常会问，什么是HTML？HTML是用来描述页面的一种语言，它是一种超文本标记语言，也就是说，HTML不是一种编程语言，仅是一种标记语言。HTML由一套标记标签组成，在制作网页时，HTML使用标记标签来描述网页。1.1.2发展史1.1.3HTML5的优势HTML5自正式
云图智联·2020-09-16 13:42

H5+CSS3基础（常用）

（一）说一下h5的新特性1-切记回答这个问题不要只说语义化标签，如果只说这个就废了,可以从自己的体验方面，去分析的说，不要死记硬背2-可以先说一下h5新增的语义化标签和jsAPI01-语义化标签有:header,footer,aside,nav等02-还有在音频和视频方面的改进->1.视频（video）2.音频(audio)03-jsAPI有如本地存储->1.localStorage和Sessio
404狗敏·2020-09-13 09:21

清风带你学-H5+CSS3（五）移动端滑动,手势，布局

M-web了解touch事件的使用独立完成jdM的轮播图掌握区域滚动插件使用了解手势事件的原理安装less运行环境nodeJStouch事件触摸事件事件说明touchstart当手指触碰屏幕时候触发该事件touchmove当手指在屏幕上滑动时候触发该事件touchend当手指离开屏幕时触发该事件touchcancel当系统停止跟踪（被迫终止）触摸时候会触发。触摸点集合触摸点集合说明targetTo
清风丶Spirit_Breeze·2020-09-13 07:10

清风带你学-H5+CSS3（六）使用less维护rem布局项目

M-web掌握less的安装和编译掌握less的基本语法掌握在项目中使用less掌握rem适配的原理掌握rem+媒体查询适配掌握rem+flexible适配课程内容less什么是less作为一门标记性语言，CSS的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少CSS编写经验而很
清风丶Spirit_Breeze·2020-08-21 08:24

考核感慨

回家了，晚上有点失眠了想起昨天下午的考核，h5+css3的制作网页考核，考核效果不尽如人意，可以说是很差基础知识掌握的不好，只会自己网页模仿中写到的用到的一点点知识，关于该元素引申出的其他实现方式，其他表达方式
陈星如_三月·2020-08-21 04:44

H5+CSS3简单动画 知识点 汇总

乱入几个：1.h5的一个语义化标签figure:用于规定独立的流内容（图像图表照片代码等）figcapition：与figure配套使用，用于标签定义figure元素标题2.媒体查询：通过不同的媒体类型和条件定义样式规则；媒体查询大部分媒体特性都接受min和max用于表示“大于等于”或“小于等于”：width:min-width;max-width媒体查询能够用在@media和import规则上，
aoe41606·2020-08-17 21:05

ASP.NET动态网站课程设计——个人网页

本文主要讲述如何在用H5+CSS3写的静态网站的基础上，结合ASP.NET动态网站开发，制作一个动态的个人网页。首先需要熟悉一下VirtualStdio这个编译环境。
aisebu7819·2020-08-10 15:43

H5+CSS3之如何简单的实现自适应一排两列布局

先上效果图：再来代码：html,body,section{width:100%;height:100%;margin:0;padding:0;}ul,li{list-style:none;margin:0;padding:0;width:100%;}.box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-b
张三无语·2020-08-07 21:08

Vue-h5+css3+vue实现图书管理案例

本案例采用idea进行开发先创建一个空项目h5+css3实现的静态页面效果h5+css3代码Document.grid{margin:auto;width:500px;text-align:center
程序猿强哥·2020-08-07 18:57

H5+CSS3响应式导航条

Gepeer首页全部资源模型场景代码登录注册Gepeer首页全部资源模型场景代码登陆注册*{margin:0px;padding:0px;}/*top部分*/@mediascreenand(min-width:800px){.top_box{display:block;}.top_box_phone{display:none;}}@mediascreenand(max-width:800px){.
「已注销」·2020-08-01 10:37

基于WEB的HTML5购物网站、H5电商购物平台网上商城网站毕业设计（1）商城首页

html界面代码黄菊华：H5+CSS3商城界面实战查询品牌大全最新上架帮助中心品牌大全2019年51放假通知！
黄菊华老师·2020-07-31 10:54

基于WEB的HTML5购物网站、H5电商购物平台网上商城网站毕业设计（2）商城分类

html代码黄菊华：H5+CSS3商城界面实战分类01分类02分类03分类04分类05分类06分类07分类08分类09装冬装仿水貂绒外套40岁¥96.00水貂绒外套40岁50中老年女洋气婆婆毛呢上衣短款
黄菊华老师·2020-07-31 10:54

3d轮播图——类似酷狗的轮播

说到轮播图，其实只要是跟web开发相关的无论是前端后端应该都不陌生，各种各样的轮播图，从以前的单纯的平面山水画遮盖滑动或滚动，到Jquery的animate甚至是h5+css3，各种炫酷的轮播图更是层出不穷
didengshi9188·2020-07-29 05:37

html5语音即时聊天|仿微信语音效果|表情|定位

h5+css3语音实时聊天系统|仿微信语音聊天|js音频录制|仿微信地图定位基于html5开发的仿微信语音聊天系统weChatIM项目，采用了h5+css3+jQuery+swiper+wcPop+mescroll
xiaoyan_2018·2020-07-10 13:40

h5+css3最简单的图片飞入效果

/*DemoStyles*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-si
Allen_Kao·2020-07-02 01:12

H5+CSS3实现简单菜单下划线动画

废话不说，先上图：效果是用css3的:after来实现的，不增加或改变html；绝对定位把横线定在菜单顶部或底部，不影响文档流。代码部分：/*html*/link1link2link3/*css*/ul,li{display:inline-block;}a,a:link{color:#000;text-decoration:none;position:relative;padding:10px15
懒得安分·2020-06-30 01:19

关于H5+CSS3

什么是H5（有些缺少内容另单独记载）H5不是新的语言，试一次html的重大修改支持：所有主流浏览器（chrome,firefox,safari…….）IE9及以上改变了用户与文档的交互方式：多媒体：苹果不支持flash：video,audio,canvas增加了新的特性：语义特性（简单易懂），本地存储，网页多媒体，二维三维，特效（过渡，动画）进步：抛弃了不合理不常用的标记属性、新增了一些标记和属性
黄大琪琪·2020-06-28 21:16

h5+css3 实现五子棋

/**title:五子棋*disc:运用h5新标签实现五子棋的棋盘和棋子的绘制*编辑器：sublimeText3*/运用到的canvas属性：fillStyle:设置或返回用于填充绘画的颜色、渐变或模式运用到的canvas方法：createLinearGradient()创建线性渐变（用在画布内容上）addColorStop()规定渐变对象中的颜色和停止位置rect()创建矩形arc()绘制弧形/
sun_jinlin·2020-06-26 15:27

h5+css3实现手风琴菜单效果

h5+css3实现手风琴菜单效果实现效果图实现原理通过控制二级菜单的高度过渡属性，实现菜单展开和收起。
rufeike·2020-06-26 06:51

原生h5+css3 实现简单视频播放器组件

视频播放器组件案例实现效果实现功能全屏切换进度条点击跳播音量点击设置大小涉及知识点video对象属性.duration获取视频总长度（秒）.currentTime当前播放时间（秒）.volume获取音量或设置音量（值0-1).paused是否暂停状态（true/false)video对象方法.play()播放.pause()暂停video对象事件.oncanplay视频资源可以播放时触发.onti
rufeike·2020-06-26 06:51

h5+css3简单实现网页端五子棋游戏1.0版

H5+css3简单实现五子棋游戏原理主要使用H5的拖拽接口功能，通过拖拽移动棋子，目标位置通过接收拖拽棋子的拷贝元素，实现棋子摆放。
rufeike·2020-06-21 07:30

H5+css3面试题总结

H5+css3面试题总结哈喽，各位小伙伴们，又到了一年一度的毕业季，俗话说的话：毕业等于失业。一毕业就要面临着找工作的压力。我们程序员也是一样，程序员找工作更辛苦。因为还会有技术面试。
xpr的博客·2020-06-21 06:40

《Web前端技术H5+CSS3》笔记--第一章 HTML基础[云图智联]

1.1HTML简介1.1.1HTML：HyperTextMarkupLanguage（超文本标记语言）在学习使用HTML之前，大家经常会问，什么是HTML？HTML是用来描述页面的一种语言，它是一种超文本标记语言，也就是说，HTML不是一种编程语言，仅是一种标记语言。HTML由一套标记标签组成，在制作网页时，HTML使用标记标签来描述网页。1.1.2发展史1.1.3HTML5的优势HTML5自正式
云图智联IT教育·2020-06-21 03:11

运营H5项目流程整理

一，创作背景二，创意策划若干版本故事线，展现方式三，设计创作1，角色指定（主角）2，场景分镜（分镜和需要的元素）3，确定风格（参考）4，绘制四，动画开发创作动画，添加交互a，纯H5+CSS3（纯代码，不够直观
JackYan·2020-02-28 23:59

H5+CSS3 | 有用的片段代码

H5代码模板DefaultPageTitle这个代码为了兼容IE浏览器，所以加入Google托管的HTML5shiv文件。其次是我们经常用到的最新的jQuery1.8.2库。CSSRESEThtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cit
八宝君·2020-01-06 22:40

Days18 H5+Css3

1.使用动画（js实现动画，css3实现动画）一个是帧动画一个是补间动画什么是帧动画：使用定时器每隔一段时间更改当前元素的状态什么是补间动画：过渡(加过渡只要状态发生改变产出动画)动画（多个节点来控制动画）性能会更好在支持H5C3的的浏览器尽可能使用css3动画（移动端开发）transitionanimationtransition组合写法（transition:all1slinear1s）的拆分
biu丶biubiu·2019-12-11 20:07

萝卜多优质人才推荐第二十一期

本次推荐人才：2.5年工作经验北京前端的妹子，是的你没有看错是妹子精通h5+CSS3网页布局，熟悉VueES6及less，熟悉webpack
jnshu_it·2019-07-26 17:15

ASP.NET动态网站课程设计——个人网页

本文主要讲述如何在用H5+CSS3写的静态网站的基础上，结合ASP.NET动态网站开发，制作一个动态的个人网页。首先需要熟悉一下VirtualStdio这个编译环境。
Reqaw·2019-06-30 13:00

怎样实现H5+CSS3手指滑动切换图片的示例代码

包含3个文件：html、slider-H5.js、jquery.js。在html中可配置滑动参数。具体代码如下：HTML代码：H5手指滑动切换图片ul,li{margin:0;padding:0;}@mediascreenand(min-width:240px){html,body{font-size:9px;}}@mediascreenand(min-width:320px){html,body
sayno·2019-05-05 14:37
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他