您现在的位置是:网站首页> 编程资料编程资料
css教程:经常保持CSS的整洁度和有序性_CSS教程_CSS_网页制作_
                     2023-11-04
                238人已围观
                
                2023-11-04
                238人已围观
            
简介 点击这里浏览本站 CSS 频道内容。 经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。 重置样式(reset styles) 排版样式(typography styles) 布局样式(layout styles (header, content, footer, etc.)) 模块和widge
                点击这里浏览本站 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.)
许多人喜欢根据声明的字母顺序来排列,这种方法对我来说可能不太适合,但可能对你来说会非常适合。不过一旦你选择了任何组织方法,就最好坚持下去以保持其统一性。
                
                
        经常要保持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.)
许多人喜欢根据声明的字母顺序来排列,这种方法对我来说可能不太适合,但可能对你来说会非常适合。不过一旦你选择了任何组织方法,就最好坚持下去以保持其统一性。
相关内容
- CSS3教程:background-clip和background-origin_css3_CSS_网页制作_
- css中用javascript判断浏览器版本_CSS教程_CSS_网页制作_
- 背投广告设计:用最少的时间来做最效率的事情_CSS教程_CSS_网页制作_
- 以HTML为基础学习DIV CSS_Div+CSS教程_CSS_网页制作_
- CSS教程:使用ul进行网页的多列布局_CSS布局实例_CSS_网页制作_
- 网页超级链接该以什么方式打开?_CSS教程_CSS_网页制作_
- CSS盒模型制定网页的宽度和高度的原理_CSS教程_CSS_网页制作_
- CSS教程:闭合CSS浮动元素的几种方法_CSS教程_CSS_网页制作_
- 细说CSS3中的选择符_css3_CSS_网页制作_
- 我叫MT英雄本详细通关攻略推荐_手机游戏_游戏攻略_
 
                                
                                                         
                                
                                                         
                                
                                                         
 
    