设为首页 | 收藏本站
首页>IT学院>网页设计>正文
CSS样式表创建美妙绝伦的网站
WWW.DBIT.CN 2008-1-30 9:44:04 热度:
 


  提示和注意

  添加注释可以帮助你或者以后的开发者避免出现不必要的混乱。保持这种习惯。看范例:

  /* Turn off borders for linked images */
  img { border: 0; }

  时间和署名

  一些设计师和开发人员喜欢在css文档最近更新中标明日子和时间,还有他们的名字和初始状态。这些信息可以提供给你谁参与了这些,也提示了最近的文档是怎样的。
  
  /* Sushimonster Typography Styles
  Updated: Thu 10.18.07 @ 5:15 p.m.
  Author: Jina Bolton
  ----------------------------------------------------*/

  这是个很好的主意特别是当你工作在一个团队中,请记住,有些团队需要省去这种信息(一些公司宁愿在文档里不出现这些名字和日期。)所以,最好就是看一下是不是需要这种信息。

  组织分类

  用注释简单说明css里的各个部分是个不错的主意。例如,如果所有的标题类型都放在一起了,你就需要注视来区分他们。

  /* HEADER
  ----------------------------------------------------*/

  我会稍后在讨论“区分不同类型”的时候详细地说明这个。

  注释加标

  如果你的css文档在组织零散样式的时候跟我上面说的一样,注释加标可以帮助你在你想要找到那部分文件的时候变得更简单。你可以用特征符号、关键词然后找到最终结果。
  
  /* =HEADER
  ----------------------------------------------------*/

  这在又长又复杂的样式表中很有帮助。你可以在 Stop Design里读到这个。.


  参考

  如果大家在制作样式表的习惯上有所不同,用注释作为参考向导还是很有用的。这个你在Steve Smith’s的css文件中,看到的就是包含一个规定色彩的参考标准。

  /* COLORS
  Body Background: #2F2C22
  Main Text: #B3A576
  Links: #9C6D25
  Dark Brown Border: #222019
  Green Headline: #958944
  */

  你可以把这个参考放在你css文档的最上面去帮助你记住什么颜色在你网站中用过。另外在这里你可以定义不同的部分,马上找到他们(也可以用注释加标)这就是那个例子

  /* GENERIC
  HEADER
  SIDEBAR
  FORMS
  TABLES
  FOOTER
  */

  /* =GENERIC
  ----------------------------------------------------*/

  04.知道什么时候添加有条件的注释和运用技巧。

  很多文章写过一些关于问题解决的技巧,有条件的注释是控制ie发布的一个好方法。然后文章又说了其他的一些方面。我同意有条件的注释比在你的css文档里乱丢垃圾要好得多,但是最近我开始慢慢意识到,很多证据表明,这并不是最好的解决办法。

  想象一下。你想在一个元素中设置它的最低高度,但是ie6浏览器却不执行它,所以你知道你能够使用的高度,也同样会被同样的处理。重新建一个样式表,然后把有条件的注释加入到你的标识中,你所有的需要都是要遵循这个规定?保持最低的高度和高度的规则在一起,选择一个小技巧在同样的css文档里,这样会更好吗?在这种情况下,我觉得用这种方法很难奏效。

  另外一件需要考虑的事情就是:如果你风格的定位是多样的,过多的css文档和有条件的注释会让你的调试过程异常痛苦。所以,你需要改变一些事情(可能是上述表述中最低高度的值),你不得不打开不止一个文档来做这个修改。在很多情况下,这对你来说可能不是件大事,但是想象,如果你定义了一些事情,在你主要的css文档中,然后还要重新定义三个不同的ie样式表。

  如果你确定要用有条件的注释,我推荐把注释留一份在你主要的样式表里,让你或者下一位开发者知道这是ie特别规则的存在。这种方法就是当你不得不编辑一个高度或者别的东西的时候。你知道又会有不止一个文档开着。

  如果你确定要使用技巧,记得更新浏览器能够改变接下来的工作,这次技巧的使用对于后面的版本控制也起不到作用。

本新闻共4页,当前在第2页  1  2  3  4  

 
上一篇:没有了
下一篇:网址和邮件地址的转换函数
打印】【关闭
  相关文章:
·CSS教程之网页表单设计技巧 ·增加CSS的overflow属性来清除浮动
·纯CSS制作的新闻网站中的文章列表·调整CSS类型的顺序改变链接翻滚
·如何用CSS让文字居于div的底部·学习CSS你必需知道的十件事
·CSS让网页更容易设计与维护·CSS语法在DW中无效的解决方法 
·巧妙运用CSS立刻改变鼠标的样式·CSS实现网页中的隔行换色代码
·用CSS解决各款浏览器下兼容性问题·用CSS样式表隐藏文字的挺方法
·14个常见的CSS技巧及常见问题·CSS的学习应该注意学习方法
·CSS技术在网页设计中的运用·CSS在ASP.NET中失效的原因及解决 
☆联姻学院☆

光驱不能顺利弹出故障解决实列
电脑维修的基本方法
破解Windows加密保护EFS解密经
sxs.exe和ses.exe病毒的解决方
word字体大小知多少
Excel使用中常被忽略的十条实
修复Linux操作系统的Root密码
文件夹设置审核不明身份禁止访
网站图片“另存为”为什么是b
Photoshop调出金碧辉煌的色彩
CSS样式表创建美妙绝伦的网站
网址和邮件地址的转换函数
Linux下安装Apache与PHP的方法
分布式编程必须知道的几个基本
配线电缆稳定性与网络性能
1个IP如何建多个网站

精品图秀
尹馨《帮帮我爱神》剧
千妖百媚苗条曲线
美女面相大盘点
硬盘分区及大小调整 众数码厂家挺进手机领 牛根生谈马云 中国高校不宜过分扩招 数码相机配件选购误区