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

05.组织选择及声明

  要一直一直的保持你的css有规则,有组织性。最好把你的选择符进行归类。

  • reset styles
  • typography styles
  • layout styles (header, content, footer, etc.)
  • module or widget styles
  • etc.

  然后,在每一个组里面,通过dom层组织选择符。

  • any parent styles (containing elements, working outside-in)
  • block-level element styles (paragraphs, lists, etc.)
  • inline element styles (links, abbreviations, etc.)
  • etc.

  其次在这里面,根据元素的类型工作:

  • paragraphs
  • blockquotes
  • addresses
  • lists
  • forms
  • tables
  • etc.

  最后,把css的声明也按上述进行归类。

  • positioning (with coordinates) styles
  • float/clear styles
  • display/visibility styles
  • spacing (margin, padding, border) styles
  • dimensions (width, height) styles
  • typography-related (line-height, color, etc.) styles
  • miscellaneous (list-style, cursors, etc.) styles

  有些人喜欢按照字母顺序来组织。这对我没有任何用处,但是可能会对你有帮助。不管你选择什么样的方法,一定要坚持下去。

  06.创建一个架构。

  当你开始创建css样式表的时候,如果你发现你总是不断重复做同一件事情,那就考虑建一个库或者框架结构吧。一个框架就像是网站骨架一样,而且这回节省你建立网站的时间。你可能会在你的框架中发现以下比较典型的样式表:

  • screen.css - A screen CSS file can either have all your styles you want to be used for on screen, and/or can import additional styles, such as the following:
  o reset.css - A reset CSS file can be used to “reset” all the default browser styling, which can help make it easier to achieve cross-browser compatibility.
  o typography.css - A typography CSS file can define your typefaces, sizes, leading, kerning, and possibly even color.
  o grid.css - A grid CSS file can have your layout structure (and act as the wireframe of your site, by defining the basic header, footer, and column set up).
  • print.css - A print CSS file would include your styles you want to be used when the page is printed.

  构建框架其中一个范例就是,由0olav bjørkøy整理的框架蓝图(另外作者还包括杰夫豆和埃里克迈耶)。另外一个很流行的框架就是雅虎的用户界面库。很多开发者都感到这个预建立的框架包含臃肿的标记和css,而且也包含着直接的类名称。

  注意:当我还在起草这篇文章的时候,Jeff Croft已经发布了怎能不爱上css框架的书。在书的注释中他提到的,别人告诉他我强烈反对框架的存在,我不确定这种评论从哪里来的,但是我要声明,事实根本不是那样子,相反我非常喜欢框架。为取得最佳效果,我还是建议你创建自己的框架结构,它能更好的为您或您的工作服务。

  07.确保样式表的可读性和优化性之间的平衡。

  风格格式化因人而异。有的开发者首先创建能够具有可读性的样式表风格,然后在文档还没有完全建好的同时就进行优化(去除评论,位,标签,运输效益等)。这是我想要推荐的一个好技术。然而,如果你不知道在什么情况下去做这些事,就尝试去找一种可以平衡样式表可读性跟优化性的一种风格。Steve Smith在这里有一个很好的建议就可以提供这个技术。

本新闻共4页,当前在第3页  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如何建多个网站

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