html
html
兰兰的小窝
个人学习总结记录
展开
-
a标签不跳转
<a href="https://www.baidu.com" onclick="return false">无法跳转一</a><a href="javascript:void(0)">无法跳转二</a>原创 2021-05-31 22:21:08 · 377 阅读 · 0 评论 -
html中的小知识总结
alt:图片的描述信息,当图片显示不出来时,可以显示文字信息替代图片title:鼠标滑到图片上显示的内容原创 2021-05-06 09:05:38 · 59 阅读 · 0 评论 -
前端笔记记录---精灵图的实现
声明:以下内容为个人学习总结,初衷是方便自己学习复习记录。如有错误之处,烦请多多指正!为什么使用精灵图?一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接受和发送请求,这将大大降低页面的加载速度。所以,为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度。原理将网页中的一些背景图像整合到一张大图中(精灵图),当网页元素需要使用时,定位到精灵图中不同位置的某个小图即可。如:我们使用这样一张精灵图作为背景图:实现效果:点击图标后,可以进入相应的页面。.原创 2020-12-15 15:51:31 · 527 阅读 · 0 评论 -
前端笔记记录---视频播放效果的实现(display的使用)
声明:以下内容为个人学习总结,初衷是方便自己学习复习记录。如有错误之处,烦请多多指正!实现效果:实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl.原创 2020-12-15 10:51:48 · 390 阅读 · 0 评论 -
前端笔记记录---简单导航栏(浮动)
声明:以下内容为个人学习总结,可能有理解有误或记录错误之处,初衷是方便自己学习复习记录。实现效果点击前:点击后:实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen.原创 2020-12-13 10:10:54 · 278 阅读 · 2 评论 -
前端笔记记录----简单导航栏续(背景图片练习)
实现效果点击前:点击后:实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .nav {原创 2020-12-09 09:45:35 · 226 阅读 · 0 评论 -
前端笔记记录---简单导航栏的实现
简单导航栏的实现效果:具体代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> a{ text-原创 2020-12-08 17:18:07 · 178 阅读 · 0 评论 -
在html中如何使div在页面中居中显示
在html中如何使div在页面中居中显示最近无聊中又再温习了下html,发现好多东西都忘了。尝试着写了一个html网页,结果就连div如何在页面中居中显示都查了好久才弄出来。其实我不知道为什么这样可以实现,因为css还没仔细研究过,等我参加完复试定会仔细探究探究。既然实现了,我就先记录下来,要不然下次又忘了。代码如下(这是一个网页最外层div的css样式):#all{ width: 80...原创 2019-02-28 13:40:41 · 61125 阅读 · 4 评论