摘要：
CSS，总所周知，入门较为简单，很多人稍微学习一下基本就可以捣鼓出一个简单页面了。但另一方面，就算是最专业的Web开发者，可能也很难完美的管理好CSS。入门易，难精通，这其中涉及到各浏览器的兼容问题、CSS不断发展的新特性，甚至撇开设计稿也对前端人员有一定的美学要求等等，但这对喜欢这门语言的人来说大概也正是它的魅力所在！ 进入正题，在前端乱炖看到一篇文章，叫《CSS最佳实践—成为CSS忍者的十四步... 阅读全文
摘要：
接着上篇博客的内容的内容，这两篇博客的内容其实都源于同一个问题： position和display、margin collapse、overflow、float这些特性相互叠加后会怎么样？ 原文作者jackWHJ将这个问题分为了两部分来讨论，第一部分内容就是本篇博客引用的内容，第二部分就是上篇博客中 阅读全文
摘要：
外边距折叠（margin collapse）指两个或多个margin毗邻元素间发生的两个外边距折叠为一个的现象，是在网页布局中经常需要考虑到的问题。 所谓margin毗邻，可以总结为： 这两个或多个外边距没有被非空内容、padding、border 或 clear 分隔开。 这些 margin 都处 阅读全文
摘要：
图像替换技术有相当的用处, 特别是注重视觉的设计, 而且在一定程度上也不会影响非可视化浏览器的用户群(屏幕阅读器). 本节用到的图片只有一个: （笔者注：实现方法较多，各有优缺点，根据实际情况使用。较为推荐的方法红字标题） 在文字外包上一组span标签, 并在CSS中将这个span进行display 阅读全文
摘要：
一、什么是containing block Containing block，翻译成中文也就是包含块，在CSS的visual formatting model（可视化模型）中是个很重要的概念，因为盒子的宽度/高度的自动值/相对值的计算，相对/浮动/绝对定位，都要依赖containing block。 二、如何判断盒子的containing block containing block的判定很重要，... 阅读全文
摘要：
上一篇博客中提到过css中可以通过设置父元素BFC化的方式来清除浮动， 地址http://www.cnblogs.com/adventureofraindrop/p/6123264.html 这几种方法其原理都是共通的，但它们虽然都达到了清除浮动的作用，同时也带来了其他的问题，因此在实际应用中有些并 阅读全文
摘要：
一、何为BFC 块级格式化上下文（Block Formatting Context）是网页CSS视觉渲染的一部分，并用于决定盒子的布局。在定位体系中属于常规流(Normal Flow)（另外两种定位体系为浮动(Floats)和绝对定位(Absolute Positioning)）。 二、BFC如何形 阅读全文
摘要：
最近在慕课网上学习了一个网页可拖动对话框js实现的演示视频，这个demo中的例子是百度首页登录按钮的弹窗，如下图： 当点击左上角的登录按钮时，弹窗出现并自动居中，同时窗口可拖动的范围被限制在了可视区域内，即浏览器视窗的上下左右边界，弹窗无法移出移动出四个边界，也不会出现滚动条。 另一个效果就是，当改 阅读全文