05 2018 档案
摘要：主流浏览器 内核 IE微软 trident Chrome谷歌 webkit/blink firefox火狐 Gecko Opera欧朋 presto Safari苹果 webkit
阅读全文
摘要：要求 ：动态循环加载内容部分 基本知识点： 常用： table{宽，高一般不设置动态加载方便} table td tr{border :1px solid red} 根据需求 border-collapse:collapse; 表格设置合并边框模型，不然border宽度不一样 colspan=“”
阅读全文
摘要：01 : 我的国美家具 http:lsenlin.top 02：手机京东 http:lsenlin.top/mjd 03 : 微信小程序 郁金香网络 账号在*******2@163.com
阅读全文
posted @ 2018-05-30 14:15
一叶知秋韵
摘要：线上地址http://lsenlin.top/fiveCircle/circle.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi
阅读全文
摘要：*{ margin:0; padding:0; } .d0{ position:relative; margin:0 auto; width:40%; height:100px; } .d1{ width:150px; height:100px; position:absolute; left:0;
阅读全文
摘要：1.在head 里添加下面代码 <meta http-equiv="refresh" content="3;URL=http://www.baidu.com"> <meta http-equiv="refresh" content="3;URL=/swt/swt.html"> 2.settimeou
阅读全文
摘要：前端优化不完全指南 历时144000000毫秒出山的前端优化篇，若你问我有什么感悟？那我告诉你，看到毫秒啊，火箭啊，这些与优化相关的词，都有莫名的亲切感。本文主要从工作效率、速度性能、稳定性、响应式、兼容性、搜索SEO、信息无障碍等方面进行讲解。前端优化是一个让人技术提升的point，希望你也能从这
阅读全文
摘要：each（）是jquery中的 提示：返回 false 可用于及早停止循环。 for in for in 遍历的实际是对象的属性名称也就是索引 index 索引为字符串，无法直接进行几何运算 遍历出来按照索引值大小排列打乱以前排序 所以一般只有不用它 a.name = "Hello"; for(x
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：$("#id").css("display","none"); 例子： $("#del-ad").click(function(){ $(".advert").css("opacity","0").css("transition","1s"); setTimeout(function(){ $(".
阅读全文
摘要：document.ElementById("id").style.样式=“”； 注意：document.getElementByClassName（“class”） 返回这个class数组 [0] 例子： document.getElementById("del-ad").onclick=funct
阅读全文
摘要：京东商城特效 <strong style="background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210)); background-clip: text; -webkit-text-fill-c
阅读全文
摘要：可以看一下这里html - html5 vertical spacing issue with <img> 几乎是题主问题的一种更详细问答。 原因：我大概看了一下，挺有意思的。我简单翻译一下高票答案： 首先，浏览器并没有所谓的"HTML 5 模式"，而是只有三种：怪异模式(Quirks)
阅读全文
摘要：重排：当DOM树变化影响了元素几何属性（宽、高等等）浏览器此时需要重新计算几何属性；并且页面其他元素的几何属性也受到了影响；这样渲染树就发生了变化；需要充排（reflow） 重绘：当DOM的变化仅仅影响了背景色等等非几何属性；就发生了重绘；布局没有变化； 触发重排： 页面初始渲染 添加、删除可见DO
阅读全文
摘要：https://blog.csdn.net/q1056843325 http://www.cnblogs.com/stone5/ http://www.cnblogs.com/onepixel/p/7021506.html http://www.cnblogs.com/GeniusLyzh/p/52
阅读全文
摘要：浏览器渲染机制（五步）： 1.处理html生成DOM Tree（根节点就是document对象） 2.处理css生成CSSOM Tree 3.DOM 树与CSS-DOM树合并为Render渲染树 4.对Render树进行布局计算 5.遍历Render树每一个节点回执到屏幕 详解：01. DOM树 D
阅读全文
摘要：//01 倒计时（从客户端获取时间） var mysetInterval=setInterval(function countTime(){ //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate
阅读全文
摘要：head里 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/> <script> (functio
阅读全文
摘要：0.1向上不间断跑马灯 <div class="news-box" id="news_box"> <ul class="demo1" id="demo1"> <li> <a href="#"> <font>热</font>0无屏!手机终极形态</a> </li> <li> <a href="#"
阅读全文
摘要：<div class="banner"> <ul class="slide_ul"> <li> <a href="#"> <img src="images/pc5.jpg" alt=""> </a> </li> <li> <a href="#"> <img src="images/pc
阅读全文
摘要：弹性布局(Flexible Layout) 1、什么是弹性布局 弹性布局(Flexible Layout),是一种布局方式，是一种解决某元素中"子元素"的布局方式 2、flex的容器 将元素变为flex容器后，那么所有的子元素都将成为flex项目，都允许按照弹性布局的方式来排列 如何将元素变为 fl
阅读全文
摘要：下面这一张图；划分九个区域点击链接不停地址 <IMG usemap="#Map" alt="" src="/images/banbian.jpg"> usemap是img标签的一个属性，usemap=“#Map”表示和id为Map的map相关联，其中area 标记的 的shape=“形状” 表示区域
阅读全文
摘要：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：元素可拥有负的 z-index 属性值。 注释：Z-index 仅能在定位元素上奏效（position属性值设置除默认值static以外的元素，包括relative，absolute，fixed
阅读全文
摘要：一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.static:默认值，没有定位，元素出现在正常的文档流中;
阅读全文
摘要：float和绝对定位的区别： 需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。 其中线条为中间到两端渐变用背景图片添加
阅读全文
摘要：display：table和table-cell是如何让多行文字垂直居中的 .parent{ display:table; margin:0 auto; text-align:center; width:200px; height:300px; border:1px solid red; } .so
阅读全文
摘要：1.<a href="http://www.baidu.com">a标签.baidu.com</a> 2. <a href="javascript:;" onclick="openurl()" >js跳转.baidu.com</a> function openurl(){ window.locati
阅读全文
摘要：1、什么是内容生成 使用CSS动态的向某元素中插入一部分内容 2、伪元素选择器 1、:before 或 ::before 作用：匹配到某元素的内容区域之前 <p>(:before)举头望明月</p> 2、:after 或 ::after 作用：匹配到某元素的内容区域之后 <p>低头思故乡(:afte
阅读全文
摘要：复杂选择器 1、兄弟选择器 作用：获取某元素平级的后面的兄弟元素 <div> <p id="p1"></p> <p id="p2"></p> <p id="p3"></p> </div> 注意：兄弟选择器，只能向后找，不能向前找 1、相邻兄弟选择器 作用：获取紧紧挨在某元素后的兄弟元素 语法：选择器
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> a{ color:red; } .disable{ pointer-events:none; color:#6
阅读全文
摘要：一、继承性 1）什么是继承性？ 给父元素设置一些属性，子元素/后代也可以使用，这个我们称之为继承性。 2 ) 并不是所有属性都可以继承的，那么有哪些属性具有继承性？ 只有以color/font-/text-/line开头属性才可以继承 3） 继承性特殊性 a标签的文字颜色和下划线是不能继承的 h标签
阅读全文
摘要：body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{ margin: 0; padding: 0; } body{font-family: "Microsoft YaHei";font-siz
阅读全文
摘要：CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- t
阅读全文
摘要：<style> .bar{ /*overflow:hidden;*/ /*BFC解决方案在没有position情况下使用；应为超出部分会隐藏*/ /*BFC参考第二篇随笔*/ border:1px solid blue; } .bar:after{ content:""; display:block
阅读全文
摘要：<style> .par { border: 5px solid #fcc; width: 300px; /*height:110px; 注意这里给外层元素设置相应高度，外层元素会包裹内层元素，并占用文档流*/ /*float:left; 或者给外层元素设置浮动，外层元素也会包裹内层元素，但不会占用
阅读全文
摘要：通常情况下，我们元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的，不会生效，比如你设置一个距离左边距偏移100px的声明：left:100px 那么这条声明不会起
阅读全文
浙公网安备 33010602011771号