数码资讯
总结的CSS样式表在网页编辑技巧
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
1。在注释
创建XHTML+CSS网站时,在CSS注释是非常重要的。当你创建一个CSS样式,你应该保持注释的习惯。一般来说,我使用的注释内容格式 / * * /写笔记,因为突出在editplus编辑器,使用 / / ***************像C语言中常用的注释是没有意义的,不需要填写大量无意义的内容作为一个单独的文件,注释是网站原来的CSS文件。在发布网站时,可以使用CSS压缩工具对CSS进行压缩,并在输出CSS中删除注释,从而提高文件传输效率。
两。在命名
当命名CSS文件,我更喜欢使用英文名称或缩写名称符合语义,或部分使用的一部分。此外,在一些从属类,叫我可能会使用像list_banner,这是父元素的名称加上_加元素名称。
至于命名,可以根据团队设计器的习惯进行协商,但最好在名称后面添加注释,以便生成文档以备将来参考。
三。在继承
在CSS中,善于使用继承。例如,在两个嵌套div,父元素定义背景色属性为黑色,如果子元素的背景是黑色的,它不需要重新定义。很好的利用CSS的继承可以使代码更加精简有效。
四,在CSS定义的级别上
在CSS中定义类时,建议使用层次化的方式来描述语句。
实例结构:
例如CSS:
#菜单{…}
# menu.menulist {…}
# menu.menulist.selectit {…}
在这种情况下,从最终的结果,#菜单不需要重复,但事实上,如果#菜单可以在前面添加,使文件层次更加清晰,更利于阅读。
五。对风格的分类
当设计的CSS样式表,我们大多数都是手写代码,这使得它很容易导致班级中的样式有点混乱。例如,几类使用填充,边缘、背景、颜色和其他的风格,但当排序,一些阶级背景,和一些有缘。这造成了一定的混乱,容易让思绪很失望。我认为,一个人或团队的设计师同意在粗糙的秩序,所以它并没有看到很大的差异从一个单一的角度,就更容易阅读和整个管理和整体效率将提高。
例如,默认情况下,将宽度、高度我和填充,边缘、边界等在前面的位置,其次是背景,然后控制字体、颜色、文本对齐的文本,然后使用一些特殊的成分标签,如列表样式,和最后的CSS过滤器。它可以处理当一个特殊的情况下灵活时(如对CSS的一些属性的优先级的定义)。
这里总结起来。欢迎大家补充指正。
创建XHTML+CSS网站时,在CSS注释是非常重要的。当你创建一个CSS样式,你应该保持注释的习惯。一般来说,我使用的注释内容格式 / * * /写笔记,因为突出在editplus编辑器,使用 / / ***************像C语言中常用的注释是没有意义的,不需要填写大量无意义的内容作为一个单独的文件,注释是网站原来的CSS文件。在发布网站时,可以使用CSS压缩工具对CSS进行压缩,并在输出CSS中删除注释,从而提高文件传输效率。
两。在命名
当命名CSS文件,我更喜欢使用英文名称或缩写名称符合语义,或部分使用的一部分。此外,在一些从属类,叫我可能会使用像list_banner,这是父元素的名称加上_加元素名称。
至于命名,可以根据团队设计器的习惯进行协商,但最好在名称后面添加注释,以便生成文档以备将来参考。
三。在继承
在CSS中,善于使用继承。例如,在两个嵌套div,父元素定义背景色属性为黑色,如果子元素的背景是黑色的,它不需要重新定义。很好的利用CSS的继承可以使代码更加精简有效。
四,在CSS定义的级别上
在CSS中定义类时,建议使用层次化的方式来描述语句。
实例结构:
例如CSS:
#菜单{…}
# menu.menulist {…}
# menu.menulist.selectit {…}
在这种情况下,从最终的结果,#菜单不需要重复,但事实上,如果#菜单可以在前面添加,使文件层次更加清晰,更利于阅读。
五。对风格的分类
当设计的CSS样式表,我们大多数都是手写代码,这使得它很容易导致班级中的样式有点混乱。例如,几类使用填充,边缘、背景、颜色和其他的风格,但当排序,一些阶级背景,和一些有缘。这造成了一定的混乱,容易让思绪很失望。我认为,一个人或团队的设计师同意在粗糙的秩序,所以它并没有看到很大的差异从一个单一的角度,就更容易阅读和整个管理和整体效率将提高。
例如,默认情况下,将宽度、高度我和填充,边缘、边界等在前面的位置,其次是背景,然后控制字体、颜色、文本对齐的文本,然后使用一些特殊的成分标签,如列表样式,和最后的CSS过滤器。它可以处理当一个特殊的情况下灵活时(如对CSS的一些属性的优先级的定义)。
这里总结起来。欢迎大家补充指正。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。