CSS+DIV是现在比较普遍的网站建设方法,相对于table建站方式,在进行网站优化的时候笔者小丹更加喜欢CSS style。而今天要来分享学习的就是关于CSS编写的标准化方法。
CSS是很难维持和规模没有明确的方法,这里有五个CSS开发方法和风格指南,可以帮助。
1、Smacss:CSS SMACSS代表可伸缩的和模块化的架构。这个CSS开发方法背后的核心思想是减少选择器的深度,以保持模块化以及降低依赖的HTML结构。SMACSS,有五个样式规则类别:基地布局、模块、状态和主题。
2、CSS的指导方针:CSS指南是一个全面的指南编写可维护的CSS。它有规则限制样式表行等80个字符,使用软标签等于四个空格等等。
3、允许:面向对象的CSS允许代表。这种方法的核心组件是CSS对象,定义为“一个重复的视觉模式,可以抽象成一个独立的HTML片段,CSS和JavaScript。
4、边界元法:本代表块,元素,修饰符。在这个前端开发方法,一块是一个离散的组件或者“积木”。一个元素是块的一部分,例如一个搜索表单块有两个元素:文本输入框(1)和(2)一个按钮。听话修饰符是一个属性,更改一个块或元素视觉或行为。每个块都有一个唯一的名称(CSS类)。
5、惯用的CSS:写作原则一致惯用的CSS,简称惯用CSS是一个CSS开发风格指南。它包括指南代码格式化,评论在样式表中,这种风格指南背后的核心原则是保持你的CSS一致的和可读的来源。
相对于简单的TABLE方式,笔者小丹个人更欣赏CSS方式。留心观察的朋友们可以发现,多数的大型站亦或是优化运营比较好的网站,其网站建设的源程序多为css。对于CSS建站的设计师来说,养成良好的编写方式很重要,这不但可以让搜索引擎爬取方便,个人整修时亦是比较方便的。
(转载请注明转自:笔者小丹,谢谢!珍惜别人的劳动成果,就是在尊重自己!)
CSS是很难维持和规模没有明确的方法,这里有五个CSS开发方法和风格指南,可以帮助。
1、Smacss:CSS SMACSS代表可伸缩的和模块化的架构。这个CSS开发方法背后的核心思想是减少选择器的深度,以保持模块化以及降低依赖的HTML结构。SMACSS,有五个样式规则类别:基地布局、模块、状态和主题。
2、CSS的指导方针:CSS指南是一个全面的指南编写可维护的CSS。它有规则限制样式表行等80个字符,使用软标签等于四个空格等等。
3、允许:面向对象的CSS允许代表。这种方法的核心组件是CSS对象,定义为“一个重复的视觉模式,可以抽象成一个独立的HTML片段,CSS和JavaScript。
4、边界元法:本代表块,元素,修饰符。在这个前端开发方法,一块是一个离散的组件或者“积木”。一个元素是块的一部分,例如一个搜索表单块有两个元素:文本输入框(1)和(2)一个按钮。听话修饰符是一个属性,更改一个块或元素视觉或行为。每个块都有一个唯一的名称(CSS类)。
5、惯用的CSS:写作原则一致惯用的CSS,简称惯用CSS是一个CSS开发风格指南。它包括指南代码格式化,评论在样式表中,这种风格指南背后的核心原则是保持你的CSS一致的和可读的来源。
相对于简单的TABLE方式,笔者小丹个人更欣赏CSS方式。留心观察的朋友们可以发现,多数的大型站亦或是优化运营比较好的网站,其网站建设的源程序多为css。对于CSS建站的设计师来说,养成良好的编写方式很重要,这不但可以让搜索引擎爬取方便,个人整修时亦是比较方便的。
(转载请注明转自:笔者小丹,谢谢!珍惜别人的劳动成果,就是在尊重自己!)