03 2022 档案

摘要:1、个人比较喜欢这种,如下 window.onload = function(){ /*750代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRe 阅读全文
posted @ 2022-03-30 17:13 向前、向前 阅读(230) 评论(0) 推荐(0) 编辑
摘要:rem.js代码: (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = 阅读全文
posted @ 2022-03-30 17:12 向前、向前 阅读(725) 评论(0) 推荐(0) 编辑
摘要:HTML 用户名:<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" /> 密码:<input name="UserPwd" type="password" onKeyPress="IsEnterKeyPress 阅读全文
posted @ 2022-03-24 09:00 向前、向前 阅读(729) 评论(0) 推荐(0) 编辑
摘要:if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { document.write("移动")} else { document.write("PC")} 阅读全文
posted @ 2022-03-23 17:08 向前、向前 阅读(78) 评论(0) 推荐(0) 编辑
摘要:CSS三大特性—— 继承、 优先级和层叠。 继承:即子类元素继承父类的样式; 优先级:是指不同类别样式的权重比较; 层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。 css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如:body,div,p,ul,li) 2 阅读全文
posted @ 2022-03-22 18:12 向前、向前 阅读(135) 评论(0) 推荐(0) 编辑
摘要:冲突设置: button.btn { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-si 阅读全文
posted @ 2022-03-22 14:50 向前、向前 阅读(182) 评论(0) 推荐(0) 编辑
摘要:实例 返回下一个列表选项的 HTML 内容: var x = document.getElementById("item1").nextElementSibling.innerHTML; 定义和用法 nextElementSibling 属性返回指定元素之后的下一个兄弟元素(相同节点树层中的下一个元 阅读全文
posted @ 2022-03-22 11:51 向前、向前 阅读(108) 评论(0) 推荐(0) 编辑
摘要:定义和用法 eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行。 如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语句,eval()将执行 Javascript 语句。 语法 eval(string) 参数描述 string 必需。要计 阅读全文
posted @ 2022-03-18 10:50 向前、向前 阅读(48) 评论(0) 推荐(0) 编辑
摘要:实例 指定每个 p 元素匹配的父元素中第 2 个子元素的背景色: p:nth-child(2) { background:#ff0000; } 定义和用法 :nth-child(n) 选择器匹配父元素中的第 n 个子元素,元素类型没有限制。 n 可以是一个数字,一个关键字,或者一个公式。 实例 1 阅读全文
posted @ 2022-03-17 14:09 向前、向前 阅读(32) 评论(0) 推荐(0) 编辑
摘要:定义和用法 classList 属性返回元素的类名,作为 DOMTokenList 对象。 该属性用于在元素中添加,移除及切换 CSS 类。 classList 属性是只读的,但你可以使用 add() 和 remove() 方法修改它。 语法 element.classList Properties 阅读全文
posted @ 2022-03-17 12:00 向前、向前 阅读(63) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html><head><style> div { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* St 阅读全文
posted @ 2022-03-17 11:05 向前、向前 阅读(150) 评论(0) 推荐(0) 编辑
摘要:实例 列表中添加项: document.getElementById("myList").insertBefore(newItem,existingItem); 添加前: Coffee Tea 添加后: Water Coffee Tea 定义和用法 insertBefore() 方法可在已有的子节点 阅读全文
posted @ 2022-03-16 15:45 向前、向前 阅读(70) 评论(0) 推荐(0) 编辑
摘要:解决方案(任选一种):1. div设置 font-size:0; 2. img设置 display:block; 3. div设置 display:flex; 4. img设置 vertical-align: middle; 原因: The white space displayed below i 阅读全文
posted @ 2022-03-04 14:18 向前、向前 阅读(170) 评论(0) 推荐(0) 编辑