注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> CSS >> 网页设计正文

css教程:经常保持CSS的整洁度和有序性

文章来源:网页教学网收集整理 作者:佚名 更新时间:2008-4-24 13:02:05 【 】 【加入收藏

点击这里浏览本站 CSS 频道内容。

  经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。


  重置样式(reset styles)
  排版样式(typography styles)
  布局样式(layout styles (header, content, footer, etc.))
  模块和widget样式module or widget styles
  其他(etc).


  然后,在每个组里面,我按照DOM等级将选择符组织划分:


  任何父级元素样式(any parent styles)
  块级元素样式(block-level element styles) (段落,列表等.)
  内联元素样式(inline element styles) (链接,缩写等.)
  其他(etc).

  然后在上面划分的基础上进行详细的划分:


  段落(paragraphs)
  引用(blockquotes)
  地址(addresses)
  列表(lists)
  表单(forms)
  表格(tables)
  其他(etc).


  最后,我按照样式类型组织CSS声明


  位置样式(positioning styles)
  浮动/清除浮动样式(float/clear styles)
  显示/可见样式(display/visibility styles)
  空间样式(spacing styles)(margin, padding, border)
  尺寸样式(dimensions styles)
  排版相关样式(typography-related styles)(line-height, color, etc.)
  其他样式(miscellaneous styles)(list-style, cursors, etc.)

  许多人喜欢根据声明的字母顺序来排列,这种方法对我来说可能不太适合,但可能对你来说会非常适合。不过一旦你选择了任何组织方法,就最好坚持下去以保持其统一性。

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash AS 教程:交互动画
     Flash AS 教程:子类化显示对象
     Flash AS 教程:动画事件
     Flash AS 教程:帧循环
     Flash AS 教程:创建文档类(Document class)
     Flash AS 教程:构造函数(Constructor)
     Flash AS 教程:类和面向对象编程
     Flash游戏开发教程:第一节
     Flex程序开发心得小结
     关于XML在FLASH中的应用
    最 新 推 荐
     CSS盒模型制定网页的宽度和高度的原理
     网页超级链接该以什么方式打开?
     CSS教程:使用ul进行网页的多列布局
     以HTML为基础学习DIV+CSS
     css中用javascript判断浏览器版本
     背投广告设计:用最少的时间来做最效率的事…
     CSS3教程:background-clip和background-or…
     css教程:经常保持CSS的整洁度和有序性
     css教程:选择合适的、有意义的元素描述内容
     css教程:CSS文件应该保持整洁和统一
    相 关 文 章

    Flash AS 教程:交互动画
    Flash AS 教程:子类化显示对象
    Flash AS 教程:动画事件
    Flash AS 教程:帧循环
    Flash AS 教程:创建文档类(Document class)
    Flash AS 教程:构造函数(Constructor)
    Flash AS 教程:类和面向对象编程
    Dreamweaver CS3中Spry详细区域功能
    CSS盒模型制定网页的宽度和高度的原理
    CSS教程:使用ul进行网页的多列布局

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用