1. BFC(block formatting context,中文常译为块级格式化上下文)是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。在进行盒子元素布局的时候, BFC 提供了一个环境, 在这个环境中按照一定规则进行布局不会影响到 ...
分类:
Web程序 时间:
2016-07-24 23:55:35
阅读次数:
276
Bootstrap是Twitter推出的一个开源的用于web前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经 ...
分类:
其他好文 时间:
2016-07-24 00:21:59
阅读次数:
142
1.BFC的概念 BFC全称Block Formatting Context ,中文直译为块级格式上下文。它是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。通俗的来说:BFC是一个独立的布局环境,我们可以理解为一个箱子(实际上是看不见摸 ...
分类:
Web程序 时间:
2016-07-24 00:16:34
阅读次数:
213
1. BFC(block formatting context,中文常译为块级格式化上下文)是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关 系和相互作用。 在进行盒子元素布局的时候, BFC 提供了一个环境, 在这个环境中按照一定规则进 行布局不会 ...
分类:
其他好文 时间:
2016-07-23 12:07:10
阅读次数:
121
认识和理解css布局中的BFC BFC的定义 是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 Block Formatting Context 的元素的特点 其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻 ...
分类:
Web程序 时间:
2016-07-22 16:09:22
阅读次数:
168
一、文件规范 1.文件按照通用类和业务类进行归档 2.文件使用外联引入,其他一些样式使用内联引入 3.文件名采用小写字母,可适当加中划线,然后使用数字来表示版本4.编码采用utf-8格式 二、注释规范 1.块状注释:统一缩进,在被注释对象之上 2.单行注释:文字两端空格,在被注释对象之上 3.行内注 ...
分类:
Web程序 时间:
2016-06-23 18:33:11
阅读次数:
179
概述 -webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:display: -webkit-bo ...
分类:
Web程序 时间:
2016-06-18 10:13:23
阅读次数:
300
长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。 1、像素 像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器会使用显示器的实际像素值有关,在目前大多数的设计者都倾向于使用像素(px)作为单 ...
分类:
其他好文 时间:
2016-06-04 13:27:15
阅读次数:
146
(此文没有门槛,浅显易懂,适合新手入门) 之前以为伪元类选择器用的不多,所以没怎么关注,现在发现:before和:after伪元素已经在前端开发中获得了相当多的关注,所以来研究一下,加深印象。 尽管css 规范中包含其他的伪元素,但是目前我们焦点是 :before 和 :after。因此,为了简便起 ...
分类:
其他好文 时间:
2016-05-27 20:12:14
阅读次数:
151
CSS 编码规范 1. 文件组织 (建议试试LESS) 1.1 CSS 与 HTML CSS 一律写在 CSS 文件中,原则上不写内联样式。 CSS 文件命名由小写字母、下划线(_)组成。 CSS 文件通过 标签引入 HTML 文件,并放在文档头部即 <head> 标签中,不使用 @import。 ...
分类:
Web程序 时间:
2016-05-21 15:53:58
阅读次数:
223