Html5+Css3

HTML5+CSS3小实例：波浪文字loading动画

实例：波浪文字loading动画技术栈：HTML+CSS效果：源码：【html】波浪文字效果loading...【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局水平垂直居中*/display:flex;justify-content:center;align-items:center;background-
艾恩小灰灰·2023-12-29 17:45

HTML5 + CSS3 学习实践（学成在线）

最近学习了前端HTML5+CSS3的知识，为了能够运用到实战，进行一个小项目实战。
Eren丶耶格尔·2023-12-29 08:42

HTML5+CSS3

HTML5新特性概述HTML5的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9+以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。语义化标签（★★）以前布局，我们基本用div来做。div对于搜索引擎来说，是没有语义的发展到了HTML5后，新增了一些语义化标签，这样的话更加有利于浏览器的搜索引擎搜索，也方便了网
Yolanda-Candy·2023-12-29 03:37

HTML5+CSS3

pink老师整理笔记：https://mp.weixin.qq.com/s/lNkLbVL8qWsay8c3krVL8A一、网页1.1什么是网页？首先我们要知道什么是网站：网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，也是就网站中的一个页面，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常是由图片、链接
橙子蓝莓味儿·2023-12-28 19:25

HTML5暴风雨雷雨闪电js特效

下载地址HTML5暴风雨雷雨闪电特效是一款基于html5+css3属性制作的暴雨，雨滴掉落，电雨交加下雨动画特效。dd:
amohan·2023-12-28 12:16

html5与css3常用标签,web开发之Html5+Css3第一章：HTML常用标签

一、HTML是什么?HTML5又是什么?HTML是什么？HTML是目前最流行的网页制作语言。HTML(HypertextMarkupLanguage)即超文本标记语言，是用于描述网页文档的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术可以创造出功能强大的网页。HTML5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的新使
藏在暗处的X先生·2023-12-27 12:32

Web前端零基础入门HTML5+CSS3基础教程——了解前端

IT行业里各种职业形形色色，令little眼花缭乱。在众多职业里只选择一个实在是困难，在如今的社会形势里，只会一门也可能难于就业，所以little玩起了前端。目录前端是什么前端的核心技术HTMLCSSJavaScript前端入门所用到的工具VSCode的安装
TTLTTX·2023-12-27 12:30

HTML5+CSS3基础

文章目录HTML网页什么是网页什么是HTML常用浏览器Web标准HTML语法规范HTML基本结构标签第一个HTML网页开发工具DOCTYPE和lang以及charset字符集的作用HTML常用标签标题标签段落标签与换行标签文本格式化标签div和span标签超链接注释与特殊字符表格标签列表标签表单CSSCSS简介CSS语法规范CSS基础选择器选择器分类元素选择器类选择器类选择器-多类名id选择器通配
blink555·2023-12-23 10:44

HTML5+CSS3小实例：3D分层按钮的悬停效果

HTML5+CSS3小实例之3D分层按钮的悬停效果技术栈：HTML+CSS字体图标库：font-awesome效果：源码：3D分层按钮的悬停效果QQ微信微博人人网推特*{/*初始化取消内外边距*/margin
艾恩小灰灰·2023-12-23 05:57

html5+css3 登录页面

效果图代码如下:css文件该文件命名为login.css/*login.html页面中使用的css样式*/.container{position:relative;}#bg_div{margin:0pxauto;background:url(../img/bg.jfif)no-repeat;/*设置背景图片,注意图片的位置,可以更改*/width:1280px;height:730px;text-
射手座的程序媛·2023-12-22 06:27

大二JavaWeb课程设计——图书管理系统

采用的工具与技术栈二、图书管理系统数据库的设计三、成品项目的目录结构展示与说明四、项目实现的相关信息五、已有缺陷和不足的分析六、课程设计收获七、课程设计后的体会与建议一：采用的工具与技术总览前端页面设计涉及技术：html5
m0_55312648·2023-12-21 09:53

HTML5+CSS3小实例：滚动的方块loading动画

目录一、运行效果图片效果二、项目概述三、开发环境四、实现步骤及代码1.创建空文件夹2.完成页面内容3.完成css样式五、项目总结六、源码获取一、运行效果图片效果二、项目概述本项目是一个滚动的方块loading动画，使用HTML和CSS代码实现。通过使用CSS的动画和转换属性，实现了方块的旋转和文字的移动效果，给用户展示一个正在加载中的提示。三、开发环境开发环境：VsCode编程语言：HTML5+C
编程乐学·2023-12-21 08:04

HTML5+CSS3小实例：蝙蝠侠

目录一、运行效果图片效果二、项目概述三、开发环境四、实现步骤及代码1.创建空文件夹2.完成页面内容3.完成css样式五、项目总结六、源码获取一、运行效果图片效果二、项目概述该项目是一个使用HTML和CSS实现的蝙蝠侠效果。这些div元素代表了蝙蝠侠动画中的不同部分，比如头部、面部、眼睛等。每个元素都可以通过CSS样式来进行定位、变换和动画效果的设置，从而实现蝙蝠侠动画的各个部分的运动和变化。三、开
编程乐学·2023-12-21 08:03

HTML5+CSS3小实例：流星划过天际的动画效果

实例：流星划过天际的动画效果技术栈：HTML、CSS图片素材：效果：源码：流星划过天际的动画效果
艾恩小灰灰·2023-12-19 19:41

HTML5+CSS3小实例：花瓣样式Loading加载动画效果

目录一、运行效果图片效果二、项目概述三、开发环境四、实现步骤及代码1.创建空文件夹2.完成页面内容3.完成css样式五、项目总结六、源码获取一、运行效果图片效果二、项目概述这个项目是一个加载动画效果，用于展示一个花瓣样式的loading效果。整个页面的背景颜色为深蓝色（#161B29），并且居中显示。加载动画的容器使用了一个类名为"container"的div元素，设置了宽度为40vw，高度为40
编程乐学·2023-12-19 19:40

HTML5+CSS3小实例：流星雨动画

目录一、运行效果图片效果二、项目概述三、开发环境四、实现步骤及代码1.创建空文件夹2.完成页面内容3.完成css样式五、项目总结六、源码获取一、运行效果图片效果二、项目概述该项目是一个使用HTML和CSS实现的流星雨动画效果。通过添加多个具有动画效果的元素，模拟了夜空中流星闪烁的效果。具体实现包括背景渐变、流星的运动轨迹、流星尾部的动画效果等。三、开发环境开发环境：VsCode编程语言：HTML5
编程乐学·2023-12-19 19:37

HTML5+CSS3小实例：3D发光切换按钮效果

三、开发环境开发环境：VsCode编程语言：HTML5+CSS3操作系统：Windows
编程乐学·2023-12-19 19:36

HTML5+CSS3小实例：纯CSS实现锚点平滑过渡

实例：纯CSS实现锚点平滑过渡技术栈：HTML+CSS效果：源码：【HTML】纯CSS实现锚点平滑过渡ABCD<divclass&#
艾恩小灰灰·2023-12-19 15:22

HTML5+CSS3小实例：纯CSS实现网站置灰

实例：纯CSS实现网站置灰技术栈：HTML+CSS效果：源码：【HTML】纯CSS实现网站置灰有时候，为了缅怀一些人和事（比如：汶川地震、伟人逝世……），我们需要把网站变成灰色。【CSS】*{margin:0;padding:0;/*灰度滤镜*/filter:grayscale(1);/*
艾恩小灰灰·2023-12-19 03:39

HTML5+CSS3小实例：3D发光切换按钮效果

目录一、运行效果图片效果二、项目概述三、开发环境四、实现步骤及代码1.创建空文件夹2.完成页面内容3.完成css样式五、项目总结六、源码获取一、运行效果图片效果二、项目概述这个项目是一个演示3D发光切换按钮效果的网页。按钮由一个开关和一个指示灯组成，通过点击按钮可以切换按钮的状态。按钮的状态改变时，指示灯会有动画效果，呈现出3D发光效果。该项目使用HTML和CSS来实现按钮的样式和动画效果。三、开
编程乐学·2023-12-18 01:53

小米商城（HTML5+CSS3版）

正在学习HTML5+CSS3的小伙伴们如果想练手的话，可以先照着小米商城的网站敲。
梓德原·2023-12-17 06:40

HTML5+CSS3小实例：萤火虫动画效果

目录一、运行效果GIF效果二、项目概述三、开发环境四、实现步骤及代码1.创建空文件夹2.完成页面内容3.完成css样式五、项目总结六、源码获取一、运行效果GIF效果二、项目概述本项目是一个基于HTML和CSS的网页动画效果，展示了一个萤火虫的动画效果。通过使用CSS样式和动画属性，实现了萤火虫身体的闪烁、翅膀的摆动等效果。三、开发环境开发环境：VsCode编程语言：Html+css操作系统：Win
编程乐学·2023-12-17 00:37

HTML5+CSS3小实例：弹性标签动画

一、创建一个空白的项目弹性标签动画-公众号《编程乐学》二、编写内容HomeCommentEnvelopeHeartUser三、编写CSS3样式*{margin:0;padding:0;box-sizing:border-box;}body{/*设置body高度为100%窗口高度*/height:100vh;/*弹性盒子布局水平垂直居中文字居中*/display:flex;justify-conte
编程乐学·2023-12-17 00:06

8款唯美简洁个人博客静态页面模板分享

1、终于等到你个人博客模板--采用Html5+css3设计。适用于个人分享、个人日记、爱情、心情日记等内容。
bokequ·2023-12-15 14:05

HTML5+CSS3小实例：纯CSS实现文字组成肖像特效

实例：纯CSS实现文字组成肖像特效技术栈：HTML+CSS效果：源码：【HTML】纯CSS实现文字组成肖像特效妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮可罗宾妮
艾恩小灰灰·2023-12-04 07:22

html 自动获取屏幕分辨率,HTML5教程 如何获取手机屏幕分辨率和浏览器分辨率

本篇教程探讨了HTML5教程如何获取手机屏幕分辨率和浏览器分辨率，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。
宣博·2023-12-03 22:10

Html5 + Css3笔记详细汇总大全

目录介绍Html5+Css3知识点Gitee地址属性进制2、实体3、meta标签4、语义化标签表单标签form表单域label标签input标签5、6、语义化标签7、列表8、超链接11、图片标签12、内联框架
pomelo-·2023-12-03 13:41

HTML5+CSS3

第四周周报汇报人：阿伟一、本周学习内容：1、二维码的下拉2、添加过渡效果3、头部logo4、头部导航条5、头部导航下拉层6、右侧的搜索框7、左侧的导航条8、完成banner9、右侧工具条10、中间的广告框11、项目补充12、过渡13、米兔练习14、动画15、奔跑的少年二、本周知识点总结：1、小米布局练习.html:Document小米商城|MIUI|LOT|小米商城|天星数科|小米商城|小爱开放平
阿伟wa·2023-12-03 01:15

运用HTML5+CSS3和CSS滤镜做的精美的登录界面，无用到图片！

代码如下：登录body{margin:0;padding:0;background-color:#E4E8EC;}.wrap{margin:150pxauto;width:380px;overflow:hidden;}.loginForm{box-shadow:002pxrgba(0,0,0,0.2),01px1pxrgba(0,0,0,0.2),03px0#fff,04px0rgba(0,0,0
金色888·2023-12-02 04:57

零基础小白怎么入门前端，Web前端都学些什么

以下是的学习路线，学习内容包括7大学习阶段：第一阶段：前端页面重构内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、Web
Web前端小辰·2023-11-30 14:12

HTML5+CSS3小实例：悬停翻转的3D卡片

实例：悬停翻转的3D卡片技术栈：HTML+CSS字体图标库：font-awesome效果：源码：【html】悬停翻转的3D卡片AppleApple苹果公司（AppleInc.）是美国一家高科技公司。由史蒂夫·乔布斯、斯蒂夫·盖瑞·沃兹尼亚克和罗纳德·杰拉尔德·韦恩（RonWayne）等人于1976年4月1日创立。GoogleGoogle谷歌公司（GoogleInc.）成立于1998年9月4日，由拉
艾恩小灰灰·2023-11-24 17:16

【青书学堂】 2023年第二学期 HTML5+CSS3(直播课) 作业

【青书学堂】2023年第二学期HTML5+CSS3(直播课)作业为了方便日后复习，青书学堂成人大专试题整理。若有未整理的课程，请私信我补充，欢迎爱学习的同学们收藏+点赞+关注！
li.siyuan·2023-11-23 12:04

HTML5+CSS3新特性

文章目录HTML5和CSS3一、HTML5新增语义化标签1、新增语义化标签2、多媒体标签①、audio音频标签②、vieo视频标签3、新增表单和属性二、CSS31、子级选择器3、兄弟选择器3、结构伪类选择器4、伪元素选择器5、属性选择器6、CSS3盒模型7、CSS3新增属性①、边框圆角②、文字阴影③、边框阴影8、过渡属性9、2D转换10、案例-2D转换卡包特效11、3D转换12、3D案例-正方体1
wutenghui·2023-11-19 10:11

HTML5+CSS3之快速入门 day6-day10布局，表单，css精灵，css hack，BFC规范

day06布局核心：盒模型（间距）浮动（并排）定位（覆盖+特殊位置）定位类型position静态定位position:static;默认值静态定位不能使盒子位置变化不适合布局作用：解决低版本浏览器兼容问题相对定位position:relative;能不能使盒子发生位置变化yes2.参考对象：自身初始位置3.脱离不脱离标准流不脱离标准（保留原来位置）4.是否适合布局：不适合布局（压盖，特殊位置）因为
星夏一夜·2023-11-15 04:46

HTML5+CSS3小实例：炫彩的流光按钮

HTML+CSS3实现炫彩的流光按钮，是不是有点小好看，关键是代码还简单，遇到这样的按钮，我都不忍点击，就一直悬停在上面，静静欣赏它的美。效果：流光按钮button*{/*初始化取消页面的内外边距*/margin:0;padding:0;}body{/*弹性布局让页面元素水平、垂直居中*/display:flex;j
艾恩小灰灰·2023-11-13 20:28

html5+css3网页制作:三栏布局宽度自适应,使用CSS实现三栏自适应布局(两边宽度固定，中间自适应)...

所谓三列自适应布局指的是两边定宽，中间block宽度自适应。这道题在今年网易内推前端工程师面试的时候也被问到。我这里主要分为两大类，一类是基于position传统的实现，一类是基于css3新特性弹性盒模型布局实现。1.基于传统的position和margin等属性进行布局这里也分为三种方法，分别为绝对定位法，圣杯布局，自身浮动法。1).绝对定位法绝对定位法原理是将左右两边使用absolute定位，
力噜噜噜力·2023-11-11 07:01

web前端 | 到底怎么学？干货拿走！

如果你的html、css（包括现在的HTML5+CSS3）基础不会，或者不够扎实，都很难在有大的进步，或者你的JS很好，但布局基础不行，还是不能算合格的web前端。其次
简约靳·2023-11-10 19:02

网页设计基础html5和css3作品展示,HTML5+CSS3网页设计与布局经典课堂

HTML5+CSS3网页设计与布局经典课堂编辑锁定讨论上传视频《HTML5+CSS3网页设计与布局经典课堂》是2019年2月清华大学出版社出版的图书，作者是金松河、刘柏生。
袁犬·2023-11-08 13:24

HTML5+CSS3实现华为商城（完整版）

前言这个是用HTML5+CSS3实现的一个华为商城页面，感觉整体布局和小米商城差不多，如果有需要华为官网、小米商城、小米官网的可以移步到我的主页。
壹个人的火锅·2023-11-06 08:50

HTML5+CSS3实现华为官网（完整版）

前言本篇文章是分析用HTML5+CSS3实现的一个静态华为官网页面。文章主页还有以前写过的华为商城、小米官网、小米商城等需要了可以移步到主页。文章结尾附源码+图片素材。
壹个人的火锅·2023-11-06 08:19

HTML5+CSS3实现小米商城 （完整版）

前言对于小米商城，也是自己初学前端的一个小作品吧，这个网页大概写了有三四天吧，总体感受就是写着还行，只要有耐心，就一定能成功。一、网页分析1.头部导航栏。2.两边的侧边栏。3.中间的轮播图。4.下面的广告部分。二、效果展示三、代码分析注：因为代码较多，这里展示部分，全部代码放在下方链接网盘里。1.轮播图部分.head3{//CSS部分width:1226px;margin-left:146px;m
壹个人的火锅·2023-11-06 08:49

HTML5+CSS3实现小米商城（课程设计版）

前言这个小米商城用到了html+css+js，内容是今年6月份的。结构相对简单，比较容易理解。如果想要纯html+css实现的小米商城，可以看我的这个作品HTML+CSS实现小米商城如果需要其他网页作品了，可以看主页其他作品。HTML+CSS实现华为商城HTML+CSS实现华为官网HTML+CSS实现哔哩哔哩首页HTML+CSS实现小米官网HTML+CSS实现QQ注册页面下面先展示一个页面整体结构
壹个人的火锅·2023-11-06 08:47

HTML5+CSS3

目录1.HTML基础1.1网页的结构:1.2HTML中的"实体"1.3meta标签1.4语义化标签1.5列表1.6超链接1.9图片标签1.10内联框架1.11音视频2.CSS基础2.1CSS简介2.2CSS基本语法2.3CSS选择器基础2.4CSS的复合选择器2.5关系选择器2.6属性选择器2.7伪类选择器2.8a元素的伪类选择器2.9伪元素选择器2.10样式的继承2.11样式的冲突与优先级问题2
BUG_devil·2023-11-05 06:54

jquery将html转换word,将网页内容导出word文档jQuery插件

请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试：IE10、F
weixin_39535701·2023-11-04 23:58

html5+css3实现手机下拉和下拉刷新

html5+css3实现上拉和下拉刷新varmyScroll,pullDownEl,pullDownOffset,pullUpEl,pullUpOffset,generatedCount=0;functionpullDownAction
anshezan7542·2023-10-30 14:08

【web前端特效源码】使用HTML5+CSS3制作一个会动的loading加载动画效果~~适合初学者~超简单~ |前端开发|IT软件

b站视频演示效果：【web前端特效源码】使用HTML5+CSS3制作一个会动的loading加载动画效果~~适合初学者~超简单~|前端开发|IT软件效果图：完整代码：【前端实例代码】使用html+css
南北极之间·2023-10-30 10:41

HTML5+CSS3小实例：网页底部间隔波浪动画特效

实例：网页底部间隔波浪动画特效技术栈：HTML+CSS效果：源码：【html】网页底部间隔波浪动画特效<divstyle="
艾恩小灰灰·2023-10-29 23:42

HTML5+CSS3期末大作业：电影网站设计——黑色扁平的电影工作室静态网页 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

HTML5期末大作业：电影网站设计——黑色扁平的电影工作室静态HTML+CSS+JavaScript学生DW网页设计作业成品web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页
@码住秋天-web网页设计·2023-10-29 12:51

HTML5视频直播默认静音,HTML5教程 如何实现播放视频中暂停、关闭声音等操作

本篇教程探讨了HTML5教程如何实现播放视频中暂停、关闭声音等操作，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。
卜卜卜布补·2023-10-27 10:47

Web前端零基础入门HTML5+CSS3学习笔记补充

文章目录前言HTML文档的声明zeal的下载使用与W3C在线文档的使用VScode插件liveSever的安装meta标签hgroup标签blockquote块引用语义化标签（了解）超链接图片标签和图片格式（了解）内联框架标签iframeCSS选择器补充1.兄弟元素2.属性选择器3.伪类补充选择第几个元素来进行修饰选择器名:not()超链接的伪类伪元素overflow属性outline属性元素脱离
木子与金与玉·2023-10-21 03:28
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他