面向对象的CSS
作者：vocal 来源：前端观察 发布时间：2009-07-03 12:23:00
标签：面向对象,css,编程
“你如何为成千上万的用户和页面提供CSS？” 这是Nicole Sullivan在她的在丹佛的Web Directions North 大会上的幻灯片中尝试回答的问题。得益于 面向对象的CSS (OOCSS) ，这个想法从社区收集到了大量的反馈。
OOCSS显然已经不仅仅是一个工具了，它还是一种思考的方式。根据这个观念可以有很多优势，主要来说有：
它可以让你写更快的、可维护的、基于标准的前端代码。
它在CSS中预先加入了一些必须的元素，这样即便是初学者也可以参与写出漂亮的网站。
OOCSS 基于两个主要原理：
分离结构和表现；
分离容器和内容。
建议花些时间看一看 面向对象的CSS的幻灯。总共有64页，绝对值得一看。
View more documents from Nicole Sullivan.
PS:神飞之前就有考虑将此幻灯翻译成中文，但是作者不允许下载，所以大家就将就着看吧先，另外考虑翻译一些相关的文章来更多的解释OOCSS。
PS2，貌似国内也有个人做了一个OOCSS，意思也是面向对象的CSS，不过和这个不是同一个。
0
投稿猜你喜欢
- 在Vue中解决跨域问题有多种方法。以下是几种常见的方法：1. 代理服务器：在开发环境中，可以配置一个代理服务器来转发 API 请求，绕过浏览
概述Golang 是一个跨平台的新生编程语言. 今天小白就带大家一起携手走进 Golang 的世界.数据类型转换数据类型转换可以帮助我们将一- github是一个项目的存储仓库，使用的时候非常的方便，下面就介绍一下管理 github 仓库的软件安装，windows 下的 git 安装
- 引言：Python中的变量在使用中很流畅，可以不关注类型，任意赋值，对于开发来说效率得到了提升，但若不了解其中的机理，往往也会犯一些小错，让
- 1. 反射简介1.1 反射是什么？Go语言提供了一种机制在运行时更新和检查变量的值、调用变量的方法和变量支持的内在操作，但是在编译时并不知道
- PHP在运行时, 针对严重程度不同的错误,会给以不同的提示。 eg：在$a没声明时,直接相加,值为NULL,相加时当成0来算.但是,却提示N
- python实现取余操作的方法：可以利用求模运算符（％）来实现。求模运算符可以将两个数相除得到其余数。我们还可以使用divmod()函数来实
- 作用: 构建一些简单的SQL语句，结合在提交表单时使用，可以较方便<％@LANGUAGE="VBSCRIPT&
- 一、浪漫玫瑰花实现代码：from turtle import *import timesetup(1000,800,0,0)speed(0)
- 需求分析现在是 "图片为王"的时代，在浏览一些网站时，经常会看到类似于这种满屏都是图片。图片大小不一，却按空间排列，就这
- 本文实例讲述了Go语言接口用法。分享给大家供大家参考。具体分析如下：接口类型是由一组方法定义的集合。接口类型的值可以存放实现这些方法的任何值
- 一、事件捕捉（Event Capture）的实现问题首先在说这件事前，先感谢一下Realazy。 W3C DOM Level2的事
- 本文实例为大家分享了python tkinter实现弹窗输入输出的具体代码，供大家参考，具体内容如下代码如下：from tkinter im
- 如下所示：import pandas as pdfrom pandas import DataFrameseries = pd.read_c
- replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(st
- ORACLE的这类错误在ORALCE的文档中有详细说明，但原因及措施说明不详细，本文当着重说明如何解决这类错误。1、ORA-12571、OR
- 前言docopt 是一个开源的库，代码地址：https://github.com/docopt/docopt。它在 README 中就已经做
- 1. 介绍-- PHP5添加了一项新的功能：Reflection。这个功能使得phper可以reverse-engineer class,
- 在python3.6版本中去掉了os.path.walk()函数os.walk()函数声明：walk(top,topdown=True,on
- seaborn是python中的一个非常强大的数据可视化库，它集成了matplotlib，下图为seaborn的官网，如果遇到疑惑的地方可以
