摘要：
BFC(block formatting context):块级格式化上下文（实际就是一个隔离罩） W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 渲染规则： 规则很重要，要记住。 规则1：在BFC中 阅读全文
posted @ 2019-07-30 11:24
angle-xiu
阅读(645)
评论(0)
推荐(0)
摘要：
1.选择器的优先级 ！important>内联选择器（style）>id选择器>类选择器 | 属性选择器 | 伪类选择器 > 元素选择器>通配符(*) 2.选择器的权重（通过权重计算可以避免许多问题） eg:body #sum{width:100px;} 结果：100+1=101。 ps:！impo 阅读全文
posted @ 2019-07-29 00:08
angle-xiu
阅读(268)
评论(0)
推荐(0)
摘要：
1.css实现： <html> <head> <meta charset="utf-8"> <style> body { position: relative; width: 110%; /* 避免进度条缺失，具体可通过调节宽度解决 */ } .scroll-indicator { position 阅读全文
posted @ 2019-07-25 19:52
angle-xiu
阅读(164)
评论(0)
推荐(0)
摘要：
<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 阅读全文
posted @ 2019-07-25 00:12
angle-xiu
阅读(209)
评论(0)
推荐(0)
摘要：
setTimeout：间隔一段时间后执行，只执行一次。 function show(){ console.log(1); } setTimeout(show(),200);//直接执行无延时 setTimeout(show,200);//延时200后执行 setTimeout( function s 阅读全文
posted @ 2019-07-22 17:18
angle-xiu
阅读(429)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="author" content="yixiu" /> <meta name="k 阅读全文
posted @ 2019-07-18 22:49
angle-xiu
阅读(136)
评论(0)
推荐(0)
摘要：
步骤： 1.为将要拖拽的元素设置允许拖拽，并赋予dragstart事件将其id转换成数据保存； 2.为容器添加dragover属性添加事件阻止浏览器默认事件,允许元素放置，并赋予drop事件进行元素的放置。 <html> <head> <meta charset="utf-8"> <style> . 阅读全文
posted @ 2019-07-18 00:03
angle-xiu
阅读(217)
评论(0)
推荐(0)
摘要：
<html> <head> <title>新型input类型及表单新元素</title> <meta charset="utf-8"></head> <body> <!-- input新类型 列出一部分--> <form action=""> 选择你喜欢的颜色: <input type="color 阅读全文
posted @ 2019-07-17 23:47
angle-xiu
阅读(375)
评论(0)
推荐(0)
摘要：
<html> <head> <meta charset=utf-8> <title>绘制简单图形线及矩形</title> <style type="text/css"> canvas{ border: 1px solid #aaa; display: block; margin: 50px auto 阅读全文
posted @ 2019-07-16 21:48
angle-xiu
阅读(474)
评论(0)
推荐(0)
摘要：
<html> <head> <meta charset=utf-8> <title>绘制简单图形</title> <style type="text/css"> canvas{ border: 1px solid #aaa; display: block; margin: 50px auto; } 阅读全文
posted @ 2019-07-16 21:38
angle-xiu
阅读(170)
评论(0)
推荐(0)
浙公网安备 33010602011771号