07 2019 档案
摘要：<html> <head> <meta charset="utf-8"> <style> body{ background-color: blue; } @media screen and (min-width: 800px) { body{ background-color: pink; } }
阅读全文
摘要：CSS3分类（先知道有什么）： 新增选择器： 1.层次选择器： 2.动态伪类选择器语法 3.目标伪类选择器 4.UI元素状态伪类选择器语法 5.结构伪类选择器使用语法 注：（1），“ul>li:nth-child(3)”表达的并不是一定选择列表ul元素中的第3个子元素li，仅有列表ul中第3个li元
阅读全文
摘要：BFC(block formatting context):块级格式化上下文（实际就是一个隔离罩） W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 渲染规则： 规则很重要，要记住。 规则1：在BFC中
阅读全文
摘要：1.选择器的优先级 ！important>内联选择器（style）>id选择器>类选择器 | 属性选择器 | 伪类选择器 > 元素选择器>通配符(*) 2.选择器的权重（通过权重计算可以避免许多问题） eg:body #sum{width:100px;} 结果：100+1=101。 ps:！impo
阅读全文
摘要：1.css实现： <html> <head> <meta charset="utf-8"> <style> body { position: relative; width: 110%; /* 避免进度条缺失，具体可通过调节宽度解决 */ } .scroll-indicator { position
阅读全文
摘要：<html> <head> <meta charset="utf-8"> <title>web存储</title></head> <body> <p id="result"></p> <div style="border: 2px dashed #ccc;width:320px;text-align
阅读全文
摘要：setTimeout：间隔一段时间后执行，只执行一次。 function show(){ console.log(1); } setTimeout(show(),200);//直接执行无延时 setTimeout(show,200);//延时200后执行 setTimeout( function s
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="author" content="yixiu" /> <meta name="k
阅读全文
摘要：步骤： 1.为将要拖拽的元素设置允许拖拽，并赋予dragstart事件将其id转换成数据保存； 2.为容器添加dragover属性添加事件阻止浏览器默认事件,允许元素放置，并赋予drop事件进行元素的放置。 <html> <head> <meta charset="utf-8"> <style> .
阅读全文
摘要：<html> <head> <title>新型input类型及表单新元素</title> <meta charset="utf-8"></head> <body> <!-- input新类型 列出一部分--> <form action=""> 选择你喜欢的颜色: <input type="color
阅读全文
摘要：<html> <head> <meta charset=utf-8> <title>绘制简单图形线及矩形</title> <style type="text/css"> canvas{ border: 1px solid #aaa; display: block; margin: 50px auto
阅读全文
摘要：<html> <head> <meta charset=utf-8> <title>绘制简单图形</title> <style type="text/css"> canvas{ border: 1px solid #aaa; display: block; margin: 50px auto; }
阅读全文
浙公网安备 33010602011771号