网络编程
位置:首页>> 网络编程>> 网页设计>> 面向对象CSS FAQ[译](3)

面向对象CSS FAQ[译](3)

作者:ytzong  发布时间:2009-10-27 15:59:00 

标签:面向对象,css,对象,OOCSS

可以修改文件,或者用我自己的样式重写吗?

我不会修改grids, template, 或者 libraries。大量测试表明这些已恰到好处。如果要自定义,考虑下面的扩展基本对象。

粉红不是我要的颜色!怎么处理content.css?

获取你会想要修改content.css。去吧,改颜色,字体大小,大小写。只需注意这个文件在快速发展,同时我还没有任何文档来说明如何正确的处理。我会这么做,我保证。

我需要不只6种标题(h1~h6),如何增加?

如果需要不只6中标题样式,通过添加一个新class来扩展标题对象。

.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}

不要这样做:

#mySaleModule h2, #mySaleModule .h2{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}

如何扩展对象?

如果要扩展对象,比如一个160px的左列,而非默认值,你可以再列上增加额外的class。

<div class="leftCol gMail"> ... </div>

如果默认值和扩展的列宽或者页面不适合你的站点,你可以扩展列来实现自定义的宽度。

myColumn 扩展列对象来实现自定义列宽。

.myColumn{width:400px;}

HTML

<div class="leftCol myColumn"> ... </div>

不要通过重写我的class来实现,而应扩展此框架提供的对象。我提供了列,标题及其他对象。你可以通过增加另外的class(只指定与我的基本对象的不同点)来扩展这些对象。相对而言此处混合比较好。

不要这样做(因为更新我的框架时会有些麻烦):

.leftCol{… 此处自定义CSS …}

没有用到的样式。我的站点没有160px的gmail式的列,可以移除吗?

当然。移除对象或扩展对象非常合理。只需注意在站点发展时,很难预料到其他人用你的CSS创建的什么样的HTML。过早优化很危险。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com