
自从2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以来。它就成为一个领先的模块系统,用来组织你的CSS代码方式之一....
行内样式 行内样式是写在HTML标签的style属性里的,比如:CSS Code复制内容到剪贴板"font-size: 12px;font-weight: 200;co....
说到栅格系统(grid system),你也许见过这样的概念: 像这样,通过固定的格子结构,来进行布局设计。这是一种设计风格,而....
OOCSS即面向对象的CSS,这里对象指的是页面中的元素对象,与传统编程中的面向对象不太相同,比如不存在方法这种东西,硬要说....
text-overflow 概要:其作用是解决文本溢出时,其展现的形式 该属性有两个参数,分别如下:CSS Code复制内容到剪贴板text-ov....
演示 | 下载 今天我们来探索一下Carl Philipe Brenner的网站上一个微妙而有趣的动画效果。当鼠标经过网格元素时,会....
垂直方向上的外边距会叠加,假设有3个段落,前后相接,而且都应用以下规则:CSS Code复制内容到剪贴板"text/css"> p{ ....
根据她的以往经验,这个网站的HTML和CSS是完全在她的能力范围以内,于是我帮助她完成了这个效果。显示nav被裁减的效果是一个....
复制代码代码如下:[selector]{ [property]:[value]; []} [选择器]{ [属性]:[值]; []} 编写 CSS 样式时,我习惯....
DRY就是Donot repeat youself 不要重复。但其实这个名字有点无趣,哪个理论不是消除重复呢,但如何消除才是意义所在。总的来....
clrs.cc是最近在GitHub上发现的一个有趣的项目。它是一套精心设计的web配色方案。 web的默认的颜色看起来……比较……呃……....
一种单页应用的页面结构 面向移动端的单页应用(Single Page Web Application),从页面代码上来说,会使用较一般网页不同的....
at-rule是一个声明,为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字,这个关键字充当一个标识符,....
准修饰选择器(Quasi-qualified selectors) 你应当避免过分修饰选择器,例如如果你能写 .nav{} 就尽量不要写 ul.nav{}。过....
CSS中的变量给了我们诸多优点:方便、代码重用、更可靠的代码库和提升防错能力。示例CSS Code复制内容到剪贴板:root { ....
很多css属性的取值都可以是百分比值。虽然形式上来说,百分比值都是数字后跟%的形式(注意数字和%之间不可以有空格),但在....
产品篇 在我们的后台中,需要设置广告精准投放的区域,也就是要在全国31个省、自治区、直辖市中选择。那么,出现下面这幅景....
这是一个相对繁杂的CSS理论,分为Base、Layout、Module、Status和Theme共五个部分。不过它的核心思想仍然和OOCSS类似,鼓励....
最近在The Sass Way里看到了Modular CSS typography一文,发现文章在开头部分就提到了OOCSS、SMACSS、BEM、这3个词。“如果....
字体族 font-family 示例:CSS Code复制内容到剪贴板h2 {font-family:times, serif;} 注意:如果一个字体名多于一个....