`

css书写要点

    博客分类:
  • css
 
阅读更多

1.添加注释

注释范围:
    1)每个文档对应一个文档注释(方便后期维护和管理)
         主要注释说明: 文档创建人,时间,内容等
    2)属性注释说明: css hack,特殊属性等
    3)功能注释说明: 默认样式,按钮,弹出框等

 

2. css代码顺序
css文档的顺序

  • 共用的代码样式放在文档最前面
  • css 结构 的顺 序依照html 的结
  • 显示属性>自身属性>文本属性
  • 显示属性:display, list-style, position, float, clear
  • 自身属性:width, height, margin, padding, border,background
  • 文本属性:color, font, text-decoration, text-align, vertical-align, white-space, content
    原    因:这个顺序是项目开发的代码标准,符合浏览器的 渲染顺序,最终达到提高执行效率目的
分享到:
评论

相关推荐

    CSS命名规范CSS命名规范

    CSS 书写方法是指在编写 CSS 代码时,遵守一定的书写方法,以便于代码的阅读、维护和重用。下面是一些常用的 CSS 书写方法: * 使用空格和缩进来格式化代码,以提高代码的可读性。 * 使用注释来解释代码的作用和...

    让用户自己控制网页字体的大小的css书写方法

    让用户自己控制网页字体的大小的CSS书写方法 在网页设计中,字体大小的设置是一个非常重要的方面,影响着用户的浏览体验。传统上,CSS中字体大小的单位通常是px(像素),但是这种方法存在一定的限制。例如,当屏幕...

    css书写规范 web设计css

    以下是对CSS书写规范的一些基本要点和建议。 #### 1. 结构化命名 在CSS中合理地命名选择器是非常重要的。通过使用具有描述性的命名规则可以增强代码的可读性。例如: - `header`: 页面头部区域。 - `loginBar`: ...

    css书写高效的CSS-CSS的渲染效率

    ### CSS书写高效的CSS-CSS的渲染效率 在前端开发领域,CSS(层叠样式表)是构建网页布局、样式和视觉效果的关键技术之一。优化CSS不仅能够提升网站性能,还能改善用户体验。本文将从几个方面探讨如何通过改进CSS...

    OA-1-网页前端CSS书写规范.zip_css_peopledyh

    一个良好的CSS书写规范能够提高代码的可读性,便于团队协作,减少错误,并使得维护工作变得更加轻松。本资料"OA-1-网页前端CSS书写规范.zip"包含了对CSS编写规范的详细指南,特别是由peopledyh推荐的实践建议。 ...

    HTML页面CSS书写规范(大型网站统一规范)

    本篇文章将详细介绍《HTML页面CSS书写规范(大型网站统一规范)》中的各项要点,帮助前端工程师更好地理解和应用这些规范。 #### 二、结构说明 1. **外部样式表调用**: - `<link type="text/css" rel="stylesheet...

    CSS书写规范

    #### 四、CSS书写规范及方法 ##### 1. 选择DOCTYPE - **过渡型 (Transitional)**:允许使用HTML4.01的部分标签和属性,适用于对现有代码进行改造的情况。 ```html <!DOCTYPE ...

    CSS_命名规范参考及书写注意事项.rar

    本资料“CSS_命名规范参考及书写注意事项”将为你提供相关的指导原则。 1. BEM(Block Element Modifier)命名法:BEM是一种流行的CSS命名方法,由Yandex公司提出。它的核心理念是将CSS类名分为三部分:Block(块)...

    高效、可维护、组件化的CSS

    首先,我们需要了解CSS书写规范,这是因为一个统一的书写规范有助于团队协作和代码的维护。通常,CSS书写规范会涉及选择器命名、属性顺序、代码注释等规则,以确保代码的一致性和可读性。 接下来是写出高效易懂CSS...

    CSS公司内部培训资料

    三、CSS书写方法 1. 直接使用标签选择器:如`div{font-size:12px;}`。 2. 使用ID选择器:`#id{font-size:12px;}`,ID是唯一的,只能对应HTML中的一个元素。 3. 使用类选择器:`.class{font-size:12px;}`,类可以...

    CSS参考手册_第3章__CSS基础与书写规范

    #### 学习CSS的方法 学习CSS的有效途径包括: - **官方文档和教程**:W3Schools、MDN Web Docs提供了丰富的学习资源。 - **实践操作**:通过创建个人项目,将理论知识应用于实际场景,加深理解和记忆。 - **参与...

    css命名及书写规范.rar

    二、CSS书写规范 1. **缩进与空格**:保持一致的缩进,通常使用2个或4个空格,以增加代码可读性。 2. **换行与逗号分隔**:每行只定义一个规则,逗号后添加空格,如:`.class1, .class2 { ... }`。 3. **属性顺序...

    css 书写技巧 CSS 技巧教程

    以下是一些关于CSS书写技巧的详细说明,可以帮助你优化你的CSS代码,使其更易读、更有效: 1. **CSS Reset/重置** CSS重置是消除浏览器默认样式差异的过程,确保不同浏览器下元素样式的一致性。常见的CSS Reset有...

    vue 之 css module的使用方法

    相比于scoped为类名添加一个hash标识效果优秀不少,但相对的书写会繁琐一些。 项目基于cli3搭建,讲真的,我也是被cli3鬼迷心窍了。相比2的繁琐,3提供界面管理对我这样子的小白确实直观很多,而且需要配置vue....

    CSS常用技巧之CSS书写技巧和CSS HACK技巧

    CSS,即层叠样式表(Cascading Style Sheets),是一种用于描述网页及应用程序用户界面外观和表现的语言。在实际开发中,由于不同浏览器对CSS的...同时,良好的CSS书写技巧可以提高代码质量,便于团队协作和后期维护。

    详解css BEM书写规范

    BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。本文主要介绍了详解css BEM书写规范,非常具有实用价值,需要的朋友可以参考下

    用css完成根据子元素不同书写样式的方法

    可以使用js完成子元素的判断,但是这里我使用css来完成 核心知识点 使用css选择器完成子元素的判断 例子: 用css选择器匹配只有一个元素 div { &:last-child:nth-child(1) { // 相关样式 } } 很好理解:div下面...

    CSS进阶学习资源 面试题

    以上内容覆盖了CSS书写顺序、书写规范、注意事项、文件命名以及Flash和JavaScript交互的基本概念,还包括了JavaScript数组常用方法的总结,这些都是前端开发者面试和实际工作中经常会遇到的问题点。

Global site tag (gtag.js) - Google Analytics