css - 随笔分类 - 幽幽冷瞳

CSS 多浏览器兼容性问题及解决方案

摘要：兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width，但 IE 不会，故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略，可用 ! 阅读全文

posted @ 2018-04-10 09:31 幽幽冷瞳阅读(148) 评论(0) 推荐(0)

影响浏览器重绘和重排

摘要：1.简述重排的概念浏览器下载完页面中的所有组件（HTML、JavaScript、CSS、图片）之后会解析生成两个内部数据结构（DOM树和渲染树），DOM树表示页面结构，渲染树表示DOM节点如何显示。重排是DOM元素的几何属性变化，DOM树的结构变化，渲染树需要重新计算。2.简述重绘的概念重绘是一个元阅读全文

posted @ 2018-04-09 21:07 幽幽冷瞳阅读(227) 评论(0) 推荐(0)

浏览器渲染页面原理

摘要：当了解web访问原理后，与前端工程师或页面重构师工作更为关系密切的应该是浏览器，WEB 页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验，特别是浏览器渲染页面的原理，页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程，理解了原理就更阅读全文

posted @ 2017-12-05 10:07 幽幽冷瞳阅读(229) 评论(0) 推荐(0)

前端性能优化----reflow(回流)和repaint(重绘)

摘要：什么是reflow和repaint（原文链接：http://www.cnblogs.com/Peng2014/p/4687218.html） reflow：例如某个子元素样式发生改变，直接影响到了其父元素以及往上追溯很多祖先元素（包括兄弟元素），这个时候浏览器要重新去渲染这个子元素相关联的所有元素的阅读全文

posted @ 2017-12-05 10:01 幽幽冷瞳阅读(268) 评论(0) 推荐(0)

行内块元素的空白符问题

摘要：在前端开发中，将几个有固定宽高的盒子并列排布是极为常见的页面效果，实现这个效果的方式有很多，诸如定位，浮动，弹性盒，行内块元素等等，每个方法都有着其独特的优点和缺点，今天我们这里就来讨论讨论使用行内块元素来实现并列排列的优缺点首先我们先建立一个大盒子并在其中再建立三个小盒子 .box{/* 大盒子阅读全文

posted @ 2017-11-19 19:42 幽幽冷瞳阅读(359) 评论(0) 推荐(0)

自适应居中方法总结

摘要：下面来看一个最简单的小案例，在浏览器窗口居中一个小盒子：就这样一个很简单的小案例，你能够想到多少种方法来实现呢？对块元素盒子的左右居中相信大家都不陌生，{margin:auto;}就能够实现，但是对于垂直自适应居中就不起作用了，下面就从最简单的说起。标签结构如下： <body> <div cla 阅读全文

posted @ 2017-11-19 19:05 幽幽冷瞳阅读(2167) 评论(0) 推荐(0)

css中background合写样式

摘要：body { background: url("img_tree.png") no-repeat fixed 50% 50%/cover #ffffff ; }等价于 body { background-image: url("img_tree.png"); background-repeat: n 阅读全文

posted @ 2017-10-08 17:40 幽幽冷瞳阅读(1767) 评论(0) 推荐(0)

随笔分类 - css