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+CSS
【网页设计】web前端期末大作业
html+css
精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业:【毕设项目精品实战案例(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码:【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南:【web前端零基础到高级学习视频教程120G干
web学生网页设计
·
2024-02-15 10:47
web前端
css
dreamweaver
html
html5期末作业
vue实践局部组件需求-投票
vue实践局部组件需求-投票投票局部组件实践和组件之间的嵌套:1.搭建结构(
html+css
布局)2.在组件标签中拆分成多个局部组件3.删除第一步的搭建结构(
html+css
布局)代码4.在组件中调取渲染使用
公子清
·
2024-02-15 05:04
实践真题系列
实践系列
Vue系列
vue实践局部组件需求-投票
vue
component
template
HTML+CSS
炫酷效果(小伙伴赶紧收藏起来吧)
制作不易(点赞加关注哦)目录1.实现奥运徽效果2.实现3D效果3.翻开葵花宝典4.实现漂浮文字(动图)5.手机充电特效(动态)6.滚动时针7.立体相册1.实现奥运徽效果由于图片违规,就不给老铁发了哈亲自试试呗HTML如下奥运五环CSS如下body{/*弹性布局水平+垂直居中*/display:flex;justify-content:center;align-items:center;/*最小高度
小小锋叔叔
·
2024-02-15 01:40
Web
炫酷效果
css
html
css3
HTML+CSS
练习——皮卡丘(更新中)
前两天学了网页制作大白(地址:纯CSS打造网页版「大白」_Web-蓝桥云课)今天试试自己按照一张图片用HTML与CSS制作出来。原图:目前进度:还差尾巴闪电部分代码如下:HTML:<div
染星_
·
2024-02-15 01:07
css
html
safari
大前端完整学习路线(详解)
第一阶段:
HTML+CSS
:HTML进阶、CSS进阶、div+css布局、
HTML+css
整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript
强哥科技兴
·
2024-02-13 16:16
iOS开发
html+css
学习之属性选择器
/*为所有具有title属性的p元素,设置一个背景颜色为黄色属性选择器-作用:可以根据元素中的属性或属性值来选取指定的元素-语法:[属性名]选取含有指定属性的元素[属性名="属性值"]选取含有指定属性值的元素[属性名^="属性值"]选取以指定内容开头的元素[属性名$="属性值"]选取以指定内容结尾的元素[属性名*="属性值"]选取以包含指定内容的元素//p[title]{background-co
程序大猩猩
·
2024-02-13 14:58
学成网
html+css
案例
这是跟着pink老师敲的第一个
html+css
的静态页面:html部分学成网首页课程职业规划个人中心CheeryZ前端开发>后端开发>移动开发>人工智能>商业预测>云计算&大数据>运维&测试>UI设计>
倒霉娃不要倒霉
·
2024-02-11 15:33
案例
html
css
HTML+CSS
元素的显示模式
什么是元素显示模式在了解元素显示模式前,我们先来举个不恰当的例子:比如在世界上的人有成万上亿,那么归根结底只有两种人就是男人和女人,偶尔还有可能有第三种人-人妖。无论是男人还是女人甚至人妖,虽然都是人但是不同的人也有着不同的特点或者说不同的分工。其实在HTML中也跟我们人类相似,html中同样也有多种多样的元素标签,但归根结底可以分为两大类:块元素和行内元素。而不同的元素又有着不同的特点和作用,了
一笑程序猴
·
2024-02-11 12:01
前端
技术
css元素模式
块元素
行内元素
display
block
html+css
实现搜索框
SearchMember/*PasteyourCSSstyleshere*/.search_member_container{width:calc(100%-20px);height:60px;position:fixed;top:60px;z-index:9999;display:flex;align-items:center;justify-content:center;}.search_co
温正实
·
2024-02-10 15:21
css
html
前端
Python web开发之CSS中级语法外加Bootscrap
1.前言续上节我们说到“基于Flask框架的Pythonweb开发的
HTML+CSS
”的内容点击即可传送,我们知道了一些基本语法和一些简单的网页开发设计,那么这篇文章将会学习一些高级内容及魔法工具CSS
一树樱花白
·
2024-02-10 07:09
python
前端
python
css
HTML+CSS
项目案例
文章目录1、表格练习2、文本样式练习3、图片标签练习4、盒子模型练习一5、盒子模型练习二6、盒子模型练习三7、浮动练习8、边框练习一9、边框练习二10、图文混排11、列表练习1、表格练习案例演示:(table、tr、td、th等)实现代码:table{text-align:center;background-image:url("images/biaoge.jpg");color:blue;}成绩
微笑伴你而行
·
2024-02-10 03:08
html/css
css
html
前端
「
HTML+CSS
」--自定义加载动画【028】
前言Hello!小伙伴!首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~哈哈自我介绍一下昵称:海轰标签:程序猿一只|C++选手|学生简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~)学习经验:扎实基础+多做笔记+多敲代码+多思考+学好英语!效果展示在这里插入图片描述Demo代码HTMLDocumentCSSh
海轰Pro
·
2024-02-10 01:06
【
HTML+CSS
】043.自定义加载动画(学习打卡!)
效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;align-items:center;background:#263238;}section{width:650px;height:300px;padding:10px;position
海轰Pro
·
2024-02-09 19:49
iOS开发
html+css
学习之元素的层级
.box1{width:200px;height:200px;background-color:red;position:relative;z-index:2;}.box2{width:200px;height:200px;background-color:yellow;/*开启绝对定位,脱离文档流*/position:absolute;/*设置偏移量*/top:100px;left:100px;
程序大猩猩
·
2024-02-09 09:52
Web前端学习笔记
文章目录
HTML+CSS
系列学习笔记①之拨云见日1、什么是HTML、CSS?
jusw123456
·
2024-02-08 23:26
前端
学习
javascript
web实训大作业 网页设计期末课程设计(
HTML+CSS
)
一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239857(title-B80JP部落冲突原神4页无js内链css)]截图演示04.
STU网页设计
·
2024-02-08 22:09
web网页设计期末课程大作业:我的家乡文化主题网站设计——山西 (1)
二、作品效果▶️视频演示https://live.csdn.net/v/embed/239886(title-D19JP-我的家乡-广西介绍带视频(5页)
HTML+CSS
STU网页设计
·
2024-02-08 19:48
中华传统文化题材网页设计主题:基于
HTML+CSS
设计放飞青春梦想网页【学生网页设计作业源码】
使用
HTML+CSS
页面布局设计,web大学生网页设计作业源码,这是一个不错的旅游网页制作,画面精明,排版整洁,内容丰富,主题鲜明,非常适合初学者学习使用,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计
html精品源码
·
2024-02-08 18:21
dw静态网页设计与制作
css
html
前端
WEB网页设计期末作业个人主页——基于
HTML+CSS
制作个人简介网站
这个个人主页是我在WEB网页设计课程期末作业中完成的。我使用HTML和CSS来制作这个网站,以介绍我自己和我的兴趣爱好。在这个网站上,您可以找到以下信息:关于我自己的一些背景和个人信息我的技能和工作经验我所喜欢的一些书籍、电影和音乐我的个人项目和作品集我特别注重网站的设计和可用性,以确保用户能够轻松浏览和理解网站的内容。我使用了清晰的布局、易于阅读的字体和有吸引力的颜色等元素来提高网站的吸引力。下
永钊源码
·
2024-02-08 05:16
程序员
css
html
前端
java
javascript
「
HTML+CSS
」--自定义加载动画【026】
前言Hello!小伙伴!首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~哈哈自我介绍一下昵称:海轰标签:程序猿一只|C++选手|学生简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~)学习经验:扎实基础+多做笔记+多敲代码+多思考+学好英语!效果展示在这里插入图片描述Demo代码HTMLDocumentCSSh
海轰Pro
·
2024-02-06 20:52
web前端从入门到精通
web前端从入门到精通
HTML+CSS
系列一、拨云见日如何创建.html文件--网页1.安装插件2.编辑器基本使用3.Chrome浏览器(市场份额最大)4.深入了解网站开发5.web三大核心技术6.HTML
等一次雪落
·
2024-02-06 08:38
css
html
你必须知道的CSS盒模型
盒子模型是
html+css
中最核心的基础知识,理解了这个重要的概念才能更好的排版,进行页面布局。下面是自己积累和总结的关于css盒子模型的知识_,希望对初学者有用。
前前前端小飞
·
2024-02-05 10:16
HTML5期末大作业:网站——保护动物网站
HTML+CSS
一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/240770(title-U27JP动物分类6页)]截图演示06.png05.png0
html网页设计
·
2024-02-05 09:00
知识点(
html+css
)
知识总结(
HTML+CSS
)相对定位语法绝对定位语法固定定位语法一、定义语法1.1布局分类CSS网页布局的本质:就是在网页中排列盒子(浮动)。CSS网页布局:普通流、浮动、定位。
龍赢
·
2024-02-05 08:43
css
html
html5
知识点
html+css
知识总结(
HTML+CSS
)基础知识HTML网页的相关概念1.1HTML是什么?HTML是超文本标记语言。只是一种标记语言。
龍赢
·
2024-02-05 08:43
html
css
css3
html+css
HTMLday02html常用标签h1-h6特点:双标签独占一行,自带加粗,不同等级标题,字号大小不同,自带间距,具有一个标题的含义。段落文本标签p特点:双标签,独占一行,自带间距,具有文本段落的含义。换行br特点:单标签。分隔线hr特点:单标签空格符 特点:浏览器默认只能识别一个空格,当我们需要用到多个空格符号时,需要用到空格符,空格符既不是单标签也不是双标签。加粗b,strong特点:
Breeze fly
·
2024-02-05 08:41
前端
css
html5
HTML+CSS
之基础公共样式(PC端)
HTML+CSS
之基础公共样式(PC端)最近一周都在跟着黑马学前端基础,老师说现在浏览器大部分开始用HTML5了,基础学的是XHTML(HTML的增强版),我把公共样式总结一下,目的就是在写不同页面的时候
NUC吉吉国王
·
2024-02-04 10:38
前端之路
css
html
HTML+CSS
,PC端/手机端公用部分样式代码整理
原文https://www.toutiao.com/i6613492747254891015/HTML+CSSPC端/手机端,公用部分样式代码整理(自己收藏)一:移动端公共样式/*禁用iPhone中Safari的字号自动调整*/html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;/*解决IOS默认滑动很卡的情况*/-webkit
barnett_y
·
2024-02-04 10:07
【HTML5+CSS3点滴知识
】
前端
html+css
笔记
前端Html:html标签加粗--文本格式化标签倾斜下划线删除src用于指定图像的位置名称(属性名+属性值=属性)alt替换文本title提示文本width图片宽度链接(段落内空格+target="_blank"跳转新窗口音频loop循环播放autoplay自动播放(禁用controls显示音频面板视频muted静音播放同(7)9.列表无序列表:有序列表:定义列表:(一个标题对应多个内容10.表格
stoAir
·
2024-02-04 07:13
前端
html
css
HTML+CSS
基础面试题总结
1.display:none;和visibility:hidden;的区别display:none;彻底消失,释放空间。可能引发页面的reflow回流(重排)。visibility:hidden;就是隐藏,但是位置没释放,好比opacity:0;不引发页面回流。2.CSS选择器权重如何计算就近原则:直接选中的,一定比继承的权重大。一样近,比权重:id是100,class是10,标签是1,总数权重一
让笑容常在
·
2024-02-03 10:21
css
html
前端
前端小案例——滚动文本区域(
HTML+CSS
, 附源码)
一、前言实现功能:这个案例实现了一个具有滚动功能的文本区域,用于显示长文本内容,并且可以通过滚动条来查看完整的文本内容。实现逻辑:内容布局:在中,使用容器创建了一个类名为listen_text的区域,作为页面的主要内容容器。其中包含两个段落用于展示标题和作者信息,以及一个listen_text_box的用于封装实际的滚动文本区域listen_text_con。滚动文本区域:listen_text_
H4999
·
2024-02-03 06:45
web
css
html
前端
大一学生Web课程设计 美食主题网页制作(HTML+CSS+JavaScript)-咖啡 6页
源码获取文末联系Web前端开发技术描述网页设计题材,DIV+CSS布局制作,
HTML+CSS
网页设计期末课程大作业|精彩专栏推荐美食网页介绍|甜品蛋糕|地方美食小吃文化|餐饮文化|等网站的设计与制作|美食主题网站
二挡起步
·
2024-02-03 01:23
web前端期末大作业
前端
javascript
html
bootstrap
美食
HTML+CSS
:导航栏组件
效果演示实现了一个导航栏的动画效果,当用户点击导航栏中的某个选项时,对应的选项卡会向左平移,同时一个小圆圈会出现在选项卡的中心,表示当前选项卡的位置。这个效果可以让用户更加清晰地了解当前页面的位置和内容。CodeHomeEmailMessageLikeProfile*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sa
若冰说
·
2024-02-02 18:22
css
若冰说CSS
css
前端
若冰说CSS
html+css
,动画实现“地球绕太阳旋转“
1.效果
html+css
实现地球绕太阳旋转2.代码htmlcss.main{width:100%;height:100%;display:flex;justify-content:center;align-items
Summer_Uncle
·
2024-02-02 02:23
html
css
前端
2020年小白要知道的Web前端学习路线
第一阶段:●
HTML+CSS
:HTML进阶、CSS进阶、div+css布局、
HTML+css
整站开发、●JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript
web前端学习指南
·
2024-02-01 23:27
使用
html+css
实现-静态开源案例-品优购
使用
html+css
实现-静态开源案例-品优购设计目标css制作图标规范seo优化网页标题titledescription网站说明显示在搜索引擎后方的解释Keywords关键词字体图标引入方法注意搭建整个页面时的路径问题
SHoadgnaw
·
2024-01-30 13:24
小项目
css3
html5
css
HTML+CSS
:全景轮播
效果演示实现了一个简单的网页布局,其中包含了五个不同的盒子,每个盒子都有一个不同的背景图片,并且它们之间有一些间距。当鼠标悬停在某个盒子上时,它的背景图片会变暗,并且文字会变成白色。这些盒子和按钮都被放在一个容器中,整个页面看起来像一个画廊。Code下载壁纸Next>*{margin:0;padding:0;box-sizing:border-box;}.container{width:100vw
若冰说
·
2024-01-30 10:47
若冰说CSS
css
css
前端
若冰说CSS
HTML+CSS
:3D卡片组件
效果演示实现了一个名为“卡片”的效果,当鼠标悬停在一个特定的元素上时,该元素会变得更亮,并且会在其他元素上方显示一个卡片。当鼠标悬停在卡片上时,卡片会变得更亮,并且会在其他元素上方显示一个提示信息。这个效果可以用来展示一些信息或者链接,让用户更好地了解和交互。CodeHOVEROVER:Dlookmom,noJSmousehovertracker/*设置容器的样式*/.container{posi
若冰说
·
2024-01-30 10:17
若冰说CSS
css
css
前端
若冰说CSS
分享150套简洁漂亮的html个人简历源码 /个人主页源码 /个人简介网页版(无加密打包)
它是
html+css
网页设计源码,html5网页静态模板。我分别给文件上命名了,一目了然,大家拿来就可以直接套用的,有代码能力的也可以修改一些版块。
hmz856
·
2024-01-29 13:10
源码
后端
HTML
html
前端
html5
HTML+CSS
:炫酷按钮组件
效果演示实现了一个带有发光效果的按钮。按钮在悬停或激活时会产生发光效果,并且按钮上的文字也会随之移动。Code若冰说CSS:root{--glow-hue:222deg;--shadow-hue:180deg;--spring-easing:linear(0,0.002,0.010.9%,0.0381.8%,0.156,0.3125.8%,0.78911.1%,1.01514.2%,1.096,1
若冰说
·
2024-01-29 05:15
若冰说CSS
css
前端
若冰说CSS
css
HTML+CSS
:王者翻转框
效果演示实现了一个3D翻转卡片的效果,当鼠标悬停在卡片上时,卡片会从正面朝向翻转,从而实现3D效果。其中,卡片的正面和背面分别由一个div元素表示,通过CSS的transform属性实现3D效果。当鼠标悬停在卡片上时,通过CSS的hover属性实现翻转效果。Code快来和妲己一起玩耍吧~妲己法师刺客辅助妲己,原型是商纣王宠妃妲己。职业法师,拥有先手控制敌人,技能范围广、射程够长,而且在后期超高爆发
若冰说
·
2024-01-29 05:15
若冰说CSS
css
css
前端
若冰说CSS
企业公司门户网站团队页面设计(三维旋转轮播图片,
html+css
静态实现,响应式布局,带源码)
效果代码team.htmlteam_engnavbar.html深圳市淮亚之光科技创新有限公司首页合作案例服务团队联系我们中文/English首页合作案例服务团队联系我们中文/Englishnavbar.css*{margin:0;padding:0;box-sizing:border-box;font-family:'OpenSans',sans-serif;}li{list-style:non
鸡鸭扣
·
2024-01-28 22:30
html
css
前端
web
大一网页设计期末大作业,
HTML+CSS
静态网站
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业:【HTML5网页期末作业(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
web网站建设
·
2024-01-28 20:20
网页设计与制作
dreamweaver
html静态网页
web前端
html期末大作业
web课程与设计
Swiper轮播插件的使用与二次封装
并且Swiper不依赖于任何框架,意味着单纯的
html+css
也可以去引用,jquery或是Vue等等,都可以去使用。2、Vue中使用Swiper建议不要直接依据官方文档的npm安装,np
听书先生
·
2024-01-28 15:51
九宫格——用
html+css
制作一个网页
自用(仅供参考,如有错误欢迎指出)要求:1.通过html和css制作一个可以根据页面缩放进行变化的九宫格。2.并且可以通过手机浏览器访问。过程:1.网页制作先不管通过网页访问这一项,先写一个本地的网页。首先要把九宫格的形状做出来。九宫格就像魔方的一个面,所以我先做一个大的div,然后把它分成三个行,然后每个行再分成三个小块。于是我在body中先写了这样一个结构:假设每个小正方形的边长为50px,颜
sqm,
·
2024-01-28 12:30
css
html
html+css
布局初入门:动画效果和实现
动画首先,放一个动画来激起小伙伴们的求知欲和好奇心吧效果图:代码实现:Documentdiv{width:100px;height:100px;background-color:red;/*动画名字*/animation-name:leftToRight;/*动画持续时长*/animation-duration:3s;/*执行速率*/animation-timing-function:linear
The..Fuir
·
2024-01-28 05:53
html
css
css
html
HTML5+CSS3小实例:3D卡片hover翻转效果
实例:3D卡片hover翻转效果技术栈:
HTML+CSS
效果:源码:【html】3D卡片hover翻转效果蒙奇·D·路飞蒙奇·D·路飞,日本漫画《航海王》及其衍生作品中的男主角。
艾恩小灰灰
·
2024-01-27 08:25
html+css
的文字渐变动画特效
话不多说,我就直接放效果图和代码吧图片发自App图片发自App图片发自App图片发自Appcolor:transparent;让文字为透明色,就是让后面背景色显示出来-webkit-background-clip属性规定背景的绘制区域本次特效仅支持webkit内核的浏览器,其他内核浏览器不支持
梦醒时分心会凉_
·
2024-01-26 10:56
「
HTML+CSS
」--自定义加载动画【036】
效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;align-items:center;background:#263238;}section{width:650px;height:300px;padding:10px;position
海轰Pro
·
2024-01-26 08:38
JS制作轮播图——自学笔记
鼠标经过轮播图,左右按钮显示,鼠标离开按钮隐藏2.鼠标点击右侧按钮,图片轮播3.小圆圈跟着图片变化4.点击小圆圈播放图片5.鼠标离开,图片自动轮播,鼠标在图片上时自动轮播停止目录html结构css结构js结构
html
描绘已经在学了
·
2024-01-25 21:24
javascript
前端
html
上一页
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
其他