总结：用CSS进行网页样式设计攻略全集

• 　　/* 定义内容 */
  　　}

  　　(b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)

  　　* html p {
　　/* declarations */
　　}

  　　(c)还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用"反斜线"技巧:

  　　/* \*/
　　* html p {
　　declarations
　　}
　　/* */

  　　2.条件注释(conditional comments)的方法

  　　另外一种方法，我认为比CSS　Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。就象这样:

  　　十七.调试技巧:层有多大?

  　　当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。

  
  　　另外一个经常出问题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera。

  　　十八.CSS代码书写样式

  　　在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式:

  　　selector1,
　　selector2 {
　　property:value;
　　}

  　　当使用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。

  　　我习惯在每个属性值后面都加分号，虽然规则上允许最后一个属性值后面可以不写分号，但是如果你要加新样式时容易忘记补上分号而产生错误，所以还是都加比较好。

  　　最后，关闭的大括号}单独写一行。

  　　空格和换行有助与阅读。

  　　附:常用CSS缩写语法总结

  　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下:

  　　颜色

  　　16进制的色彩值，如果每两位的值相同，可以缩写一半，例如:

  　　#000000可以缩写为#000;#336699可以缩写为#369;

  　　盒尺寸

  　　通常有下面四种书写方法:

  　　property:value1; 表示所有边都是一个值value1;

  　　property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

  　　property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3

  　　property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

  　　方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下:

  　　margin:1em 0 2em 0.5em;

  　　边框(border)

  边框的属性如下:

  　　border-width:1px;


• 上一页 [1] [2] [3] [4] [5] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 总结：用CSS进行网页样式设计攻略全集 相关文章：
• ·CPU型号大全总结
• ·C/C++笔试、面试题目大汇总
• ·Outlook使用技巧大全总结之一
• ·寻根问底 系统无法启动原因总结
• ·Excel数据分类汇总满足多种数据整理需求
• ·模拟城市4-心得汇总 - 游戏攻略
• ·常见端口表汇总
• ·华为3com系列产品配置手册汇总
• ·MS-SQL开发常用汇总和t-sql技巧集锦
• ·某高手总结的电脑技巧
• 总结：用CSS进行网页样式设计攻略全集 相关软件
• ·重返德军总部2先锋部队
• ·WinXP总管[WinXP Manager] V5.21 简体中文版
• ·周恩来总理经典图片集
• ·重返德军总部
• ·Excel2000报表汇总系统 V1.70
• ·骨科相关知识点总结
• ·总管家综合人事管理系统 专业增强版 V9.33
• ·汽车总动员(Cars-PLEX)
• ·外科学总论部分复习笔记
• ·教师工作总结集 V1.0

上一篇:用好表单的按钮（二）

下一篇:Xhtml第8天：CSS布局入门技术

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com