九里关药材:5个CSS书写技巧
来源:百度文库 编辑:偶看新闻 时间:2024/05/12 10:31:20
nettuts带来的5个css书写技巧9(link),简单翻译一下它的中心思想。
1. CSS Reset/重置
你也许需要先了解什么是css重置。然后怎么样写css重置呢。
- 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该根据你的项目改成你自己的reset.
- 不要使用* { margin: 0; padding: 0; } 。我个人很爱用,原作者提到使用这句并不适用一些元素比如单选按钮。不过俺博客里面也没有单选按钮,如果有,又重新给单选按钮重设就好了嘛。
2. 按字母顺序来排列css
不按字母顺序排的
div#header h1 {z-index: 101;color: #000;position: relative;line-height: 24px;margin-right: 48px;border-bottom: 1px solid #dedede;font-size: 18px;}
按字母顺序排的
div#header h1 {border-bottom: 1px solid #dedede;color: #000;font-size: 18px;line-height: 24px;margin-right: 48px;position: relative;z-index: 101;}
理由是这样可以更好的找到某个属性。个人觉得还好,差别也不是太大。不过也许会适合你。
3. 更好的组织css结构
使用css注释来分给css分组,这样结构明了,也有利于协同设计。
/*****Reset*****/xxxxxxx{xxxxx}xxxxx{xxxxx}/*****layouts*****/xxxxxxx{xxxxx}xxxxx{xxxxx}
4. 保持一致性
不要无意义的去讨论到底一个选择器的所有属性写在一行,还是每个属性写一行比较好。你自己觉得ok就好。
iv#header { float: left; width: 100%; }div#header div.column {border-right: 1px solid #ccc;float: rightright;margin-right: 50px;padding: 10px;width: 300px;}div#header h1 { float: left; position: relative; width: 250px; }
比如我个人就喜欢写在一行,因为每排写一行会让整个文档感觉太长了,找起来不方便。如果你喜欢写一行,但是发给team的另一个,他却喜欢每排一行,那怎么办?其实很简单,把css拿去w3c验证,它会有一份结果,会自动转换成每排一行。
5. 先标记后css
这个我没有太看懂。大概理解是对html的标记弄好后再写css会比较不容易出错。比如我写一个页面,先写一个最基本的标记结构
然后就是尽量善用子选择器,而不是一要给哪个元素进行样式化,就给它添加个选择器。
关于html/css的技巧
有谁知道英语的书写技巧,书写规则
电子式的书写技巧和方法
百度空间自定义CSS怎样应用(或技巧)?
百度空间自定义CSS怎样应用(或技巧)?
谁能告诉我CSS定位的详细技巧
CSS?????????
谁能提供一些百度空间(CSS)的高级技巧阿~~
请教1个SQL阅读与书写的问题
请教1个SQL阅读与书写的问题!
我有个英文书写的上海地名`帮忙翻译
给我个能下载CSS的网址吧
Trojan-Downloader.Win32.small.css是个什么样的病毒
百度空间的CSS怎么弄?请教我个绝招。
想当个经理助理求职的技巧
想当个经理助理求职的技巧
word2003的使用技巧,给个网站
求 极品飞车5 技巧
pagemaker6.5使用技巧
cs1.5花式技巧
在word文档中如何书写5的n次方
举报信书写
关于书写
英语书写!
最新新闻 沃茨手表网
CSDN程序文档
上海旅游网 神马百科 程序博客
香蕉皮作业帮 景德镇新闻网 余姚信息网
作业帮作业网 互助问答吧 16楼社区
解题作业帮艺术百科亮点网神马百科
神马文学网
拍题作业网
UC知道
我爱散文网
北方网
科学网
第一文库网
微思作业网
我要文章网
都市新闻网西欧教育西山新闻网好楼房产信息网
九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网
神马品牌网
杭州交通信息网/">
杭州市高中教育平台
查人人中国名人网
爱美之人
上车买票
安卓系统之家
中科新闻网
科学院研究所
高考快车
高考志愿帮
大学志愿大全
高校问答
高考问答
中考百科
大学知道
久游网