Html
关注
分享
扫一扫
学魔学编程
这个作者很懒，什么都没留下…
展开
-
html中给table加边框的方法介绍
代码】html中给table加边框的方法介绍。原创 2022-07-31 22:29:45 · 978 阅读 · 0 评论 -
前端常见面试题
js 操作数组常用的join() 数组的元素组起一个字符串push() 可以接收任意数量的参数，把它们逐个添加到数组末尾pop() 数组末尾移除最后一项，减少数组的 length 值shift() 删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 。unshift() 将参数添加到原数组开头，并返回数组的长度 。sort() 按升序排列数组项——即最小的值位于最前面，最大的值排在最后面reverse() 反转数组项的顺序。...原创 2021-12-09 09:29:54 · 102 阅读 · 0 评论 -
flexible布局原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .原创 2021-11-15 11:06:48 · 302 阅读 · 0 评论 -
less的应用
原创 2021-11-15 08:59:20 · 206 阅读 · 0 评论 -
rem和媒体查询media的应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-14 21:43:57 · 452 阅读 · 0 评论 -
html新布局display:flex的常用用法和案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-13 14:32:24 · 1637 阅读 · 0 评论 -
浏览器的私有前缀
浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无须添加1.私有前缀-moz- 代表firefox浏览器私有属性-ms- 代表IE浏览器私有属性-webkit- 代表safari chrome私有属性-o- 代表Opera私有属性写法 比如 border-radius: 10px -moz-border-radius: 10px -ms-border-radius: 10px -webkit-border-radius:...原创 2021-11-09 15:09:11 · 151 阅读 · 0 评论 -
css3动画木马旋转案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-09 14:45:32 · 131 阅读 · 0 评论 -
CSS3 3D导航栏效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-09 14:11:24 · 123 阅读 · 0 评论 -
行内块元素的利用技巧 可以制作分页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-05 13:03:03 · 108 阅读 · 0 评论 -
伪元素选择器的应用 after,before
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>伪元.原创 2021-11-06 12:29:00 · 101 阅读 · 0 评论 -
CSS3动画案例以应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-08 11:36:36 · 103 阅读 · 0 评论 -
css 的 transition和transform的应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-07 20:48:16 · 154 阅读 · 0 评论 -
css3属性的新增过度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-06 13:54:30 · 89 阅读 · 0 评论 -
CSS3的盒子模型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-06 13:13:53 · 75 阅读 · 0 评论 -
CSS3伪类选择器 child
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-06 11:06:28 · 465 阅读 · 0 评论 -
html5新增的表单的属性
原创 2021-11-06 10:05:19 · 82 阅读 · 0 评论 -
html5中的video标签属性值参数说明
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta n.原创 2021-11-06 09:26:45 · 1514 阅读 · 0 评论 -
Html5的新增的语义标签 方便搜索引擎搜索
<header> 头部区域标签 </header> <nav> 导航区域标签</nav> <article> 内容区域标签 </article> <section> 定义文档某个区域 </section> <aside> 侧边栏标签 </aside> </footer> 底部区域标签 </footer> ...原创 2021-11-06 09:04:58 · 134 阅读 · 0 评论 -
vue的v-html，v-text指令,以及按键修饰符和事件修饰符的运用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src=.原创 2021-11-06 09:05:35 · 295 阅读 · 0 评论 -
CSS初始化代码
* { margin: 0; padding: 0}em,i { font-style: normal}/* 去掉 li 的小圆点 */li { list-style: none}img { border: 0; /* 为了照顾低版本浏览器的 如果图片外面包含了链接会有板框的问题 */ vertical-align: middle /** 去掉图片底部有空隙的问题 **/}button { cursor: point..原创 2021-11-05 14:27:56 · 288 阅读 · 0 评论 -
CSS三角形的技巧利用 制作价格显示表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-11-05 13:42:42 · 137 阅读 · 0 评论 -
网页中文字围绕浮动元素技巧
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-11-05 12:33:29 · 125 阅读 · 0 评论 -
margin负值的巧妙运 边框重叠的解决方案
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>.原创 2021-11-05 12:15:45 · 362 阅读 · 4 评论 -
vscode下载慢解决办法
vscode下载慢解决办法最近vscode国内下载特别慢，解决办法是吧路径换成国内镜像地址。如下图，把下载路径的az764295.vo.msecnd.net改成vscode.cdn.azure.cn即可，修改后的路径为https://vscode.cdn.azure.cn/stable/ea3859d4ba2f3e577a159bc91e3074c5d85c0523/VSCodeUserSetup-x64-1.52.1.exe...原创 2021-10-21 23:35:27 · 1036 阅读 · 1 评论 -
图片怎么在div上下居中显示？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-05 11:07:59 · 520 阅读 · 0 评论 -
取消input边框的轮廓和防止textArea 拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-05 10:51:52 · 178 阅读 · 0 评论 -
CSS生成三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>C.原创 2021-11-05 10:28:06 · 127 阅读 · 0 评论 -
网页总文字溢出省略号显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-05 11:39:27 · 98 阅读 · 0 评论 -
网页中图片底部空白隙解决方案
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-05 11:45:27 · 178 阅读 · 0 评论