`
xuedong
  • 浏览: 297621 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS样式编写顺序

    博客分类:
  • css
阅读更多

在书写css的时候很多时候,每个class下边需要写很多属性是很常见的,对于这些属性,我们应该合理的给它规划顺序。有人认为符合标准的顺序可以提高css的执行效率,这个我们无从测试。我总结的好处如下:

1.使代码显得清晰,自己很容易找到需要的属性,不容易出现重复编写同一属性的情况。

2.当很多人同时协作一个项目的时候,统一的顺序对于一个团队是很必要的。否则要读清别人的代码,就要花上更多的时间去仔细寻找属性了。

所以希望大家务必养成这样的好习惯,具体顺序如下:

//显示属性
display
list-style
position
float
clear
//自身属性
width
height
margin
padding
border
background
//文本属性
color
font
text-decoration
text-align
vertical-align
whitewhite-space
other text
content

 

 

 

文章作者:IceSun
本文地址:http://www.iscss.tk/?p=32
版权所有 © 转载时必须以链接形式注明作者和原始出处!

分享到:
评论

相关推荐

    CSS属性编写顺序及命名规范

    #### 五、CSS样式表文件命名 为了更好地组织CSS文件,可以按照以下方式命名: - **主要样式文件**:`master.css` - **模块样式**:`module.css` - **基础样式**:`base.css` - **布局样式**:`layout.css` - **...

    形考任务五 使用 元素以及CSS样式表对下面的内容进行的布局设计.zip

    2. **CSS样式表简介** CSS(Cascading Style Sheets)是用于控制网页外观和布局的样式语言。它可以改变字体、颜色、间距、布局和更多视觉效果。在本任务中,我们将用CSS来定义`<div>`的样式,以实现特定的布局设计...

    CSS样式表.doc

    **CSS样式表详解** CSS(Cascading Style Sheets)是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它的主要作用是增强对网页内容的控制,使得内容和表现分离,提高了网页设计的...

    CSS样式表中文手册

    **CSS样式表中文手册** CSS(Cascading Style Sheets)是一种用于定义网页中元素外观、布局和结构的语言。它允许我们将样式与HTML或XML(包括SVG、MathML等各种XML方言)文档分离,使得内容和表现形式得以区分,...

    css样式表兼容总结,兼容火狐,ie6,ie7,FF

    标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中,CSS样式表需要处理不同浏览器之间的兼容性问题,特别是老版本的Internet Explorer(IE6和IE7)以及Firefox。描述中的“css样式表火狐,ie6,ie...

    Dreamweaver基础教程—使用Dreamweaver设计CSS样式

    ### Dreamweaver基础教程——使用Dreamweaver设计CSS样式 #### 一、Dreamweaver与CSS样式的历史背景 Dreamweaver是一款由Macromedia公司(后来被Adobe收购)开发的网页设计软件,自2002年的MX版本起,Dreamweaver...

    《CSS样式》 复习题 练习题

    ### CSS样式复习题知识点解析 #### 一、基础知识概述 - **CSS**:全称**Cascading Style Sheets**(层叠样式表),是一种用来表现HTML或XML等文件样式的计算机语言。它允许用户对页面进行更加精细的控制,使得网页...

    CSS样式表手册全集chm

    《CSS样式表手册全集chm》是苏昱创作的一部关于网页设计的重要参考资料,它全面涵盖了CSS(Cascading Style Sheets)的核心概念、语法以及实际应用。此手册旨在帮助网页设计师和开发者深入理解并熟练掌握CSS技术,...

    css样式表手册,包含几百种css样式

    本手册“css样式表手册”涵盖了数百种CSS样式,是学习和参考CSS技术的重要资源。 在CSS中,你可以控制网页元素的布局,颜色,字体,大小,位置,动画,过渡效果等。例如: 1. **选择器**:CSS的选择器是匹配HTML...

    CSS样式表授课PPT

    **CSS样式表授课PPT** 在网页设计领域,CSS(Cascading Style Sheets)样式表是一种不可或缺的技术,它用于控制网页元素的外观、布局和结构。这个“CSS样式表授课PPT”包含了对这一关键技能的深入讲解,分为两部分...

    Web设计者CSS样式设计指南(CHMWrox.Professional.CSS

    《Web设计者CSS样式设计指南》是一本专为Web设计师准备的CSS(Cascading Style Sheets)技术详解书籍。CSS是网页布局与设计的核心技术,它允许开发者将内容与表现分离,实现更灵活、可维护的网页设计。本书旨在帮助...

    CSS层叠样式表介绍

    2. **减小页面体积**:使用CSS可以减少重复样式的编写,从而降低HTML文档的大小,提高页面加载速度。 3. **统一多页面格式**:通过使用CSS,可以轻松地为多个页面应用一致的样式,保持网站的整体风格一致。 **CSS的...

    Div+CSS网页样式与布局从入门到精通 实例

    5. **实践与调试**:通过实际编写代码,不断练习Div和CSS的使用,逐步建立对布局和样式的直觉。同时,学会使用开发者工具进行调试,快速定位和解决问题。 6. **浏览器兼容性**:了解不同浏览器对CSS特性的支持情况...

    CSS那些事儿:掌握网页样式与CSS布局核心技术

    除此之外,CSS预处理器如Sass和Less提供了变量、嵌套规则、混合(mixins)等功能,使得CSS编写更加模块化和可维护。同时,CSS模块化方案如CSS Modules和CSS-in-JS也逐渐流行,它们将CSS与JavaScript紧密结合,增强了...

    CSS样式表教程

    【CSS样式表教程】 在网页设计领域,CSS(Cascading Style Sheets)样式表是一种用于控制网页元素呈现方式的关键技术。本教程旨在帮助初学者快速掌握CSS的核心概念和实际应用,通过结合操作截图、文字说明以及简洁...

    样式表CSS.ppt学习

    CSS样式规则通常由选择器和声明组成,选择器指向要应用样式的HTML元素,声明则包含属性和值,如`property: value`。例如,`p { color: red; }`将所有段落文本颜色设为红色。 - **颜色属性**:如`color`用于设置文本...

    css优先级总结

    选择器优先级是指不同类型的CSS选择器在样式冲突时所具有的优先顺序。按照优先级从高到低排序如下: - 内联样式(style属性):权值为1000 - ID选择器:权值为100 - 类选择器(class)、属性选择器、伪类:权值为10...

    CSS样式电子书

    **CSS样式电子书** 在网页设计领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它赋予HTML或XML文档以视觉样式,使网页呈现出丰富多彩、布局精致的效果。本电子书"CSS样式电子书"深入浅出地介绍了CSS的...

    网页设计与制作教程(HTMLCSSJavaScript)第2版第4章CSS样式入门.pptx

    由于CSS样式表比HTML出现得要晚,这就意味着一些较老的浏览器不能识别使用CSS编写的样式,并且CSS在简单文本浏览器中的用途也很有限,例如,为手机或移动设备编写的简单浏览器等。 7. CSS的定义与使用 行内样式的...

Global site tag (gtag.js) - Google Analytics