面向对象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
投稿
猜你喜欢
- 你一定很喜欢像QQ或者MSN好友登录提示的效果吧,那么怎么样能在网页中实现呢?asp之家为大家找到了这
- 樂思蜀将SEO工作中所需要的301转向代码进行了整理,收藏并分享,以备查阅。1、IIS下301设置 Internet信息服务管理器 ->
- js关于 byval 与 byref 二者区别: byval 传递数值,实参和形参分处不同的内存单元,互不干扰! byref 传递地址,实参
- 无论安装何版本的mysql,在管理工具的服务中启动mysql服务时都会在中途报错。内容为:在 本地计算机 无法启动mysql服务 错误106
- 声明定位元素:position属性值设置除默认值static以外的元素,包括relative,absolute,fixed。平台:win/I
- <div id="d1"></div> <script > fu
- myisam_max_[extra]_sort_file_size足够大delay_key_write减少io,提高写入性能bulk_ins
- folder.htm<html><head><title>闪亮日子之在线创建文件夹</title&
- SQL Server2005数据项的分拆与合并:参考示例如下:-- ====================================
- 我的长博文不少,比较影响阅读体验,有必要添加一个文章目录功能。相比 Wordpress, Typecho 的插件就比较少了。我想找一个像掘金
- 当使用MySQL做站点的时候,肯定会有不知道的错误发生,怎么记录呢?以下是具体解决方法:class.method &n
- 写过一篇"正则表达式30分钟入门教程",有读者问:[^abc]表示不包含a、b、c中任意字符, 我想实现不包含字符串ab
- 6、遮罩滤镜作用:该滤镜可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样。语法: {filter:mask(color=c
- <!DOCTYPE html PUBLIC "-//W3C//DTD X
- Windows下ORACLE完全卸载:使用OUI可以卸载数据库,但卸载后注册表和文件系统内仍会有部分残留。这些残留不仅占用磁盘空间,而且影响
- 利用空闲几天把《JavaScript权威指南》安静的读了一篇。真是一本好书呀!呵呵,这句话见的太多了。好在什么地方呢?听我慢慢道来。从开始接
- asp中使用addnew方法添加一条记录后,我们经常使用取得自递增的ID,而使用bookmark很容易实现这样的功能。rs.open&nbs
- 以下为测试例子。 1.首先创建两张临时表并录入测试数据: 代码如下:create table #temptest1 ( id i
- 2009年2月24日,Safari 4.0 beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CS
- 代码如下:ALTER function [dbo].[GetOrderNum]( @ebaystockflag varchar(20)//规