转自穆乙 http://www.cnblogs.com/pigtail/ 一、BFC是什么？ BFC（Block Formatting Context）直译为“块级格式化范围”。 是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到 ...
分类：
其他好文 时间：
2016-05-14 00:41:59
阅读次数：
232
HTML5 PC端框架
1. Bootstrap
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，Bootstrap的源代码是使用less编写的；基于jQuery框架开发，并在jQuer...
分类：
Web程序 时间：
2016-04-29 16:10:30
阅读次数：
611
之前一直没有注意到这一点，因为当看到一些优秀的网站的源代码的时候，打开他们引用的css文件格式看起来也并非规范。但幸运的昨天偶然间看到的通过增强CSS规范可读性可优化页面性能，于是下决心痛改前非。 我整理了我所能理解到的CSS规范，可能不全，不过确实可以增加代码一部分可读性了。 1.宜用两次空格代表 ...
分类：
Web程序 时间：
2016-04-26 18:53:40
阅读次数：
207
DIV+CSS规范命名大全集合 一、命名规则说明： 1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag ...
分类：
Web程序 时间：
2016-04-11 11:48:10
阅读次数：
175
以下总结来自慕课网（依然比较浅显）。 长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。 1、像素 像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关(这句话怎么说 ...
分类：
Web程序 时间：
2016-04-03 21:51:00
阅读次数：
225
Atitit.css 规范 bem 项目中 CSS 的组织和管理 1. 什么是BEM？1 1.1. 块（Block）2 1.2. 元素（Element）2 1.3. BEM树（和DOM树类似）。3 1.4. 修饰符（modifier）的3 2. 块的独立性4 3. 独立的CSS4 3.1. 为独立的 ...
分类：
Web程序 时间：
2016-04-02 00:43:36
阅读次数：
221
一、文件规范 二、sass使用规范 6. 禁止 scss 标签、类名 多层嵌套，最多可嵌套4层（最好2到3层）。 错误实例： 三、CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, pa
分类：
Web程序 时间：
2016-03-21 14:10:37
阅读次数：
215
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“
分类：
其他好文 时间：
2016-03-19 16:28:04
阅读次数：
330
在最近的一个 CSS 见面会上，我向与会者提问，“有人会在日常的工作流中使用 Sass 吗？”回答结果压倒性的表示肯定——保守谨慎地使用 Sass 已经成为过去式。Sass 正迅速成长为编写 CSS 的标准方式。 这真是难得的好消息！Sass 包含了诸多 CSS 规范未定义的特性，比如变量、控制指令
分类：
其他好文 时间：
2016-03-08 16:36:51
阅读次数：
306
-webkit-line-clamp用来限制在一个块元素显示的文本的行数，注意：这是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。。 为了实现该效果，它需要组合其他的WebKit属性。 overflow : hidden; text-
分类：
其他好文 时间：
2016-02-18 17:34:39
阅读次数：
129
