摘要: 浏览器渲染机制(五步): 1.处理html生成DOM Tree(根节点就是document对象) 2.处理css生成CSSOM Tree 3.DOM 树与CSS-DOM树合并为Render渲染树 4.对Render树进行布局计算 5.遍历Render树每一个节点回执到屏幕 详解:01. DOM树 D 阅读全文
posted @ 2018-05-15 11:01 一叶知秋韵 阅读(273) 评论(0) 推荐(0)
摘要: //01 倒计时(从客户端获取时间) var mysetInterval=setInterval(function countTime(){ //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate  阅读全文
posted @ 2018-05-14 17:54 一叶知秋韵 阅读(98) 评论(0) 推荐(0)
摘要: 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 阅读全文
posted @ 2018-05-14 11:09 一叶知秋韵 阅读(141) 评论(0) 推荐(0)
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2018-05-13 17:07 一叶知秋韵 阅读(1) 评论(0) 推荐(0)
摘要: 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="#" 阅读全文
posted @ 2018-05-13 11:50 一叶知秋韵 阅读(174) 评论(0) 推荐(0)
摘要: <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 阅读全文
posted @ 2018-05-13 11:49 一叶知秋韵 阅读(224) 评论(0) 推荐(0)
摘要: 弹性布局(Flexible Layout) 1、什么是弹性布局 弹性布局(Flexible Layout),是一种布局方式,是一种解决某元素中"子元素"的布局方式 2、flex的容器 将元素变为flex容器后,那么所有的子元素都将成为flex项目,都允许按照弹性布局的方式来排列 如何将元素变为 fl 阅读全文
posted @ 2018-05-13 10:53 一叶知秋韵 阅读(277) 评论(0) 推荐(0)
摘要: 下面这一张图;划分九个区域点击链接不停地址 <IMG usemap="#Map" alt="" src="/images/banbian.jpg"> usemap是img标签的一个属性,usemap=“#Map”表示和id为Map的map相关联,其中area 标记的 的shape=“形状” 表示区域 阅读全文
posted @ 2018-05-11 09:36 一叶知秋韵 阅读(173) 评论(0) 推荐(0)
摘要: z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释:元素可拥有负的 z-index 属性值。 注释:Z-index 仅能在定位元素上奏效(position属性值设置除默认值static以外的元素,包括relative,absolute,fixed 阅读全文
posted @ 2018-05-10 11:26 一叶知秋韵 阅读(262) 评论(0) 推荐(0)
摘要: 一、position定位 (一):position的属性 1.absolute:生成绝对定位的元素,相对于最近一级定位不是static的父元素来进行定位; 2.relative:生成相对定位的元素,相对于其所在普通的文档流位置进行定位; 3.static:默认值,没有定位,元素出现在正常的文档流中; 阅读全文
posted @ 2018-05-08 10:27 一叶知秋韵 阅读(147) 评论(0) 推荐(0)