web前端
html css javascript
Ricky leo
coding
展开
-
web前端 html+css+javascript网页设计实例 企业网站制作
(案例源码链接在文章末尾,仅供学习参考)一、在浏览器中的运行结果:二、部分代码1.HTML:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>启乐官网</title> <link rel="stylesheet" href="style.css"/> <script src="myjs.j原创 2020-08-17 11:48:32 · 84461 阅读 · 179 评论 -
web前端 运用CSS动画 实现图像的幻灯片 自动播放 切换效果
先看一下浏览器运行结果:一、最初用”background-image”背景图片属性定义动画,结果幻灯片切换时没有上下滑动的效果。仅用到HTML和CSS,未用javascript。二、代码:HTML:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesh原创 2020-05-10 21:48:50 · 3440 阅读 · 1 评论 -
外部JavaScript文件 出现”问号“乱码问题的解决方法
一、浏览器运行出现乱码的结果:二、源代码:HTML:<!DOCTYPE html><html><head lang="zh-CN"> <meta charset="UTF-8"> <title>Document</title> <script src="my.js" ></script></head><body> </body>&l原创 2020-05-23 17:21:09 · 1538 阅读 · 0 评论 -
通过html+css常用元素外观样式设计(伪类)、css3弹性伸缩盒制作的“世界地球日” 网页
一、先看一下在浏览器的运行效果:二、结果分析我们可以看到:1.当鼠标在边栏超链接悬停时,字体颜色的变化并且带有下划线修饰2.图片右边的文字介绍随着浏览器宽度大小的变化而改变3.采用弹性伸缩盒,响应式web设计思想布局。页头、导航、内容和页脚4个部分宽度为80%,最大宽度为960px,最小宽度为260px。内容区3个部分显示区域比例为2:1:1。4.段落首行缩进两个字,边栏列表项标记图...原创 2020-05-06 09:53:16 · 5473 阅读 · 1 评论