1 CSS浏览器支持标准
(注:根2010年11月10日数整理)
1 A级-交互视觉完全符全设计求
2 B级-视觉允许差异破坏页面整体效果
3 C级-忽视视觉问题防碍
2 通继承层叠重已样式
3 根新建样式适范围分三级:全站级产品级页面级
1 31 目前全站级CSS文件仅corecssdoubancss(全站级CSS文件中添加规参见45)
2 32 产品级CSS指作某垂直产品(音乐读书电台等)文件放css相应目录
页面级指仅少量页面中果仅页面中采联方式嵌入页面head里两页面放外联CSS文件中该文件放相应产品目录
4 corecss全站基样式需放CSS引前面包括:标签reset常规(链接字体隐藏清浮动等)布局种模块基样式等
参见:httpimg3doubancomcsspacked_core1css
5 轻易改动全站级CSS改动全面测试
6 单条CSS规书写格式求
1 61 属性需写行需{}前加空格
selector { propertyvaluepropertyvalue }
2 62 (>2)selector占行:
selector1
selector2
selector3 { propertyvaluepropertyvalue }
3 63 兼容浏览器时标准属性写面:
webkitborderradius4pxmozborderradius4pxborderradius 4px
7 作模块CSS规集中放起时注释说明
注释格式:
* mod doulist *
通规样分类放起通规具体模块规前面:
* button *
* mod *
* nav *
* mod events album *
8 IDClass命名命名缩写单词间做连接符
1 81 ID标识具体模块命名必须具体唯前缀名字组成滥ID: #dbvideolist
2 82 Class标识某类型元素命名简洁表意清楚:list
3 83 命名示例:
坏:
#rec
graylink
broadsmr
pl
:
#dbnavmain
infobox
item
1 84 推荐class名:
表示状态
on active selected hili
表示位置
first last main side
表示结构
hd bd ft col section
通元素
tb frm nav list item tag pic info
9 量避免CSS Hack
推荐面:
区属性:
IE6
_propertyvalue
IE67
*propertyvalue
IE6789
propertyvalue\9
非IE6
propertyvalue
区规:
IE6
* html selector { }
IE7
*firstchild+html selector { }
非IE6
html>body selector { }
firefox only
@mozdocument urlprefix() { }
saf3+chrome1+
@media all and (webkitmindevicepixelratio0) { }
opera only
@media all and (webkitmindevicepixelratio10000)not all and (webkitmindevicepixelratio0) { }
iPhonemobile webkit
@media screen and (maxdevicewidth 480px) { }
10 afteroverflow方式清浮动
11 联外联CSS必须放页面head里序:全站级CSS产品级CSS页面级(外联)CSS页面级(联)CSS联CSS
12 避免低效选择器
:
body > * {}
ul > li > a {}
#footer > h3 {}
ul#top_blue_nav {}
#searbar spansubmit a { }
13 量避免filter
14 直接修改标签样式
: div { }
15 标签直接写样式
:
16 CSS中 expression
17 CSS中 @import
18 CSS中 important
19 绝CSS中 * 选择符
更新日期:2010年11月17日
源址:httpjmpdoubancss
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容,不代表《香当网》观点或立场,请自行判断内容的真实性和可靠性!
该内容是文档的文本内容,更好的格式请下载文档
相关文档
CSS注释书写规范
作者及文件版本此定义可以帮助您或其他人更了解整个网站以及这个CSS文件,格式化的注释包括:· 作者信息· 布局信息[栏,站点宽度]· 文件版本[有助于多位作者及未来更新的协同管理]内容注释内容...
高效整洁css代码原则
CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则:1. 使用Reset但并非全...
豆瓣变形记
豆瓣变形记:分享型网站向线下生活社区转变豆瓣邀请你测试新版网站!”习惯性地登陆豆瓣,艾艾(化名)很快注意到页面右上角这条貌似不起眼的小提示。 和艾艾一样,大多数豆瓣网的铁杆用户这些天相继收到...
软件项目开发和管理规范
软件项目开发和管理规范V1软件开发标准化工作流程1 引言1.1 编写目的软件项目管理是软件工程和项目管理的交叉学科,软件项目管理的概念涵盖了管理软件产品开发所必须的知识、技术及工具。根据美国项...
WEB前端开发规范文档
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不...
豆瓣再美好,也只是生活中的一瓣
豆瓣再美好,也只是生活中的一瓣人们感到痛苦的不是他们用笑声代替了思考,而是他们不知道自己为什么笑以及为什么不再思考。 ——赫胥黎《美丽新世界》 Question 1:你为什么会迷上豆瓣? An...
产品规划模板——UI框架CSS说明文档
黄埔海关UI框架CSS说明控件使用说明2013-05-14login.css 关键样式class说明class备注.container内容区宽高.logoLogo定位样式.login_box...
采购部及产品开发部职业道德规范及职责
为加强公司采购及新产品开发工作的管理,提高工作的效率,特制定本制度。所有的采购人员及产品开发相关人员均应以本制度为依据开展工作。并按此制度对采购部、产品开发部进行考核和管理。
开发区建设与规范工作计划
开发区建设与规范工作计划 XX年,是实施“xx”规划的第一年,开发区要牢牢把握发展这一主题,围绕研究好新的发展战略、研究好项目、研究好扶持政策;落实好产业、落实好重大项目、落实好园区建设、落...
关于规范开发区公共资源交易活动的意见
关于规范我区公共资源交易活动的意见 根据**市人民政府办公厅《关于规范我市公共资源交易的意见》(运政办发[2012]110号)的要求和我区实际,现对我区范围内的公共...
关于进一步规范房地产开发经营行为
关于进一步规范房地产开发经营行为为进一步规范房地产开发经营行为,加强对房地产开发经营活动的监督管理,维护商品房买卖双方的合法权益,促进和保障我区房地产市场平稳健康发展,根据《城市房地产管理办法...
关于规范我县大中型商业设施开发管理的若干意见
关于规范我县大中型商业设施开发管理的若干意见 为了有效解决商业地产在立项审批、销售模式及后续管理中所存在的问题,促使我县大中型商业设施合理布局、有序竞争和健康发展,根据目前我县城区...
不规范习题,真的不规范吗?
不规范习题,真不规范吗? **省白银市实验中学(730900) 杜振斌 《中学化学教学参考》2006年第十一期《不规范化学习题的常见类型》一文中提到的不规范化学习题,把其中的例1、例2,划...
职业锚开发
· 职业锚的个人开发 · 组织对职业锚的开发 · 提高职业适应性的方法 职业锚的个人开发 职业锚是个人早期职业发展过程中逐步确立的职业定位。在职业锚的选定或开发中,雇员个人起着...
开发、设计、研究
开发、设计、研究l 电子材料工程技术人员从事半导体材料、光纤光缆材料、电子陶瓷、电子元件材料研究、开发、设计、生产,以及电子材料测量技术研究、应用的工程技术人员。从事的工作主要包括:(1)研究...
开发经营与管理
第一章 房地产投资与投资风险 一、投资:是指经济主体(国家、企业、个人))以获得未来货币增值或收益为目的,预先垫付一定量的货币与实物,经营某项事业的经济行为。简单的说,投资就是指为了获得...
外包开发合同
外包开发合同 来自:http://www.chinaspis.com 作者:林锐 电子工业出版社出版发行 { 外包项目名称 } 外包开发合同 委托方(甲方) ...