首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS编码规范

CSS编码规范 1 前言 CSS作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致,容易被理解和被维护。...虽然本文档是针对CSS设计的,但是在使用各种CSS的预编译器(如less、sass、stylus等)时,适用的部分也应尽量遵循本文档的约定。...2 代码风格 2.1 文件 [建议] CSS 文件使用无 BOM 的 UTF-8 编码。 解释: UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。...解释: 如果能通过合理的 HTML 结构或使用其他的 CSS 定义达到理想的样式,则不应该使用 hack 手段解决问题。通常 hack 会导致维护成本的增加。...解释: 尽量使用符合 CSS 语法的 selector hack,可以避免一些第三方库无法识别 hack 语法的问题。

1.3K41

CSS编码规范

selector共用一个样式集,则多个selector必须写成多行形式 3.每一条规则结束的大括号 } 必须与规则选择器的第一个字符对齐 4.属性名冒号之前不加空格,冒号之后加空格 5.属性值之后添加分号; 其他规范...命名规则书写规范 1、规则命名中,一律采用小写加中划线的方式,不允许使用大写字母或 _ 2、命名避免使用中文拼音,应该采用更简明有语义的英文单词进行组合 3、命名注意缩写,但是不能盲目缩写,具体请参见常用的...10、除了重置浏览器默认样式外,禁止直接为html tag添加css样式设置,例如: ?...3.禁止在css中使用*选择符 4....webkit-min-device-pixel-ratio:0) { … } iPhone/mobile webkit @media screen and (max-device-width: 480px) { … } z-index取值规范

1.4K150
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    html css编码规范

    有人建议编码规范这种东西应该落实到ESlint这类工具上去,而不是停留在文档层面。 在我看来,规范也要看和记,难道你用 vscode/sublime 写个demo还要配上语法检查这一套东西么。...这些客户端多种多样,对html/css的支持也不一,所以我们不能使用高级的布局和排版,例如flex/float/absolute定位,使用较初级的table布局能够达到兼容性最好的效果,并且还有伸缩的效果... 第二种可能比较符合规范...CSS 属性书写顺序 属性的书写顺序对于浏览器来说没有区别,除了优先级覆盖之外。但是如果顺序保持一致的话,扫一眼可以很快地知道这个选择器有什么类型的属性影响了它,所以一般要把比较重要的属性放前面。

    1K10

    编码规范CSS编码风格指南

    ---- 用更合理的方式写 CSS 规范的代码可以促进团队合作, 规范的代码可以减少 bug 处理, 规范的代码可以降低维护成本, 规范的代码有助于代码审查, 养成代码规范的习惯,有助于程序员自身的成长...本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。...虽然本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。...2 代码风格 2.1 文件 CSS 文件使用无 BOM 的 UTF-8 编码。 解释: UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。...解释: 尽量使用符合 CSS 语法的 selector hack,可以避免一些第三方库无法识别 hack 语法的问题。

    1K20

    编码规范】Airbnb CSS u002F Sass 编码风格指南

    ---- 用更合理的方式写 CSS / Sass 规范的代码可以促进团队合作, 规范的代码可以减少 bug 处理, 规范的代码可以降低维护成本, 规范的代码有助于代码审查, 养成代码规范的习惯,有助于程序员自身的成长...OOCSS,也就是 “Object Oriented CSS(面向对象的CSS)”,是一种写 CSS 的方法,其思想就是鼓励你把样式表看作“对象”的集合:创建可重用性、可重复性的代码段让你可以在整个网站中多次使用...BEM 最初是由 Yandex 提出的,要知道他们拥有巨大的代码库和可伸缩性,BEM 就是为此而生的,并且可以作为一套遵循 OOCSS 的参考指导规范。...想要了解关于这个主题的更多内容,参见 CSS Wizardry 的文章,文章中有关于如何处理优先级的内容。 JavaScript 钩子 避免在 CSS 和 JavaScript 中绑定相同的类。...如果你想要写出风格良好的 HTML 和 CSS,你是不应该这样做的。

    2.4K20

    编码规范

    一、命名规范 1.包命名 项目包名:com.公司名.项目名  例如:com.xinzong.etc 包名 说明 com.xxx.xxx.activitys 存放(一级)主界面activity (如:MainActivity...com.xxx.xxx.utils 公用工具方法类(日期或者不同单位间的转换,文本解析,SharedPreferences存储,网络访问,日志等工具) com.xxx.xxx.db 数据库相关 2.类命名 类描述 规范...以及对应的 setXXX 2) 判断一个条件并且返回Boolean值 命名:isXXX 或 checkXXX或hasXXX 3) 初始化相关数据及资源的方法命名:initXXX 6.布局文件命名 描述 规范...自定义的和第三方的命名空间放在另一组;2、类成员变量的声明位置:所有的成员变量都应该声明在顶部,同时使用一个空行来将它们和属性以及方法分开;3、局部变量声明位置:放到方法顶部使用Java预定义类型而不是用类名来声明变量(较少使用)编码逻辑规范...get、set)10、不要在系统自动生成的函数直接写业务代码,,最好自定义函数,然后调用;11、总是使用接口,推荐使用显式接口实现;12、在switch语句中总是要有default字句来显示信息;项目目录规范

    1.2K80

    编码规范

    为什么要有编码规范 编码规范对于程序员而言尤为重要,有以下几个原因: 一个软件的生命周期中,80%的花费在于维护 几乎没有任何一个软件,在其整个生命周期中,均由最初的开发人员来维护 编码规范可以改善软件的可读性...,可以让程序员尽快而彻底地理解新的代码 如果你将源码作为产品发布,就需要确任它是否被很好的打包并且清晰无误,一如你已构建的其它任何产品 为了执行规范,每个软件开发人员必须一致遵守编码规范 遵循阿里的的编码规范...说明:这样做的原因是,在IDE中,外部调用常量的地方可以看到注释 3.命名规范 常量定义问题,很多数字(魔法数字)、字符应该定义为常量,并指定有意义的名称,便于理解和维护 4.代码结构 程序没有分层的概念

    90720

    如何使用CSS命名规范提高您的编码效率

    无论你是否意识到,在编码测试或技术面试中,你的命名习惯都会传达关于你开发实践的信息。它们可以用来评估你的行为和效率。因此,在本文中,我们将展示CSS命名的最佳实践,以提高代码质量。...通过阅读本文,读者应该清楚地了解CSS命名规范及其好处,并熟悉不同的样式命名约定。...遵循命名规范:在工作流程中采用CSS命名规范,以帮助创建结构化和描述性的类名。 分离结构和呈现:在组织CSS时,将与元素的布局和定位相关的样式与覆盖其呈现的其他样式(如颜色、字体、边框等)分开。...结束 在前端开发中,干净高效的编码的重要性不言而喻。在本文中,我们探讨了干净代码对开发效率和可维护性的影响,以及编写高效CSS代码的好处。实现干净高效的CSS的基本方法之一是使用明确定义的命名规范。...应鼓励开发人员从一开始就将CSS命名规范融入到他们的开发工作流程中。通过以良好组织和经过深思熟虑的类名为基础,开发团队可以建立在坚实的基础上,减少潜在的错误和冲突,同时促进一致的编码风格。

    36330

    C#编码规范2 C#编码规范

    C#编码规范 1 规范目的 ……………………………………………………… 3 2 适用范围 ……………………………………………………… 3 3 代码注释 ……………………………………………………….................... 3   3.3 方法注释规范............................................. 4   3.4 代码行注释规范.....一个软件的生命周期中,80%的花费在于维护; 几乎没有任何一个软件,在其整个生命周期中,均由最初的开发人员来维护; 编码规范可以改善软件的可读性,可以让程序员尽快而彻底地理解新的代码。...为了执行规范,每个软件开发人员必须一致遵守编码规范; 使用统一编码规范的主要原因,是使应用程序的结构和编码风格标准化,以便于阅读和理解这段代码; 好的编码约定可使源代码严谨、可读性强且意义清楚,与其它语言约定相一致...2 适用范围 本规范主要以C#为开发语言的规范,为鲍亮实验室的原则性规范; 由于本规范是为撰写程序而设计,所以适用于一切有关程序撰写的工作事项。

    2.6K91

    前端编码规范

    编码规范 一、 HTML编码规范 1.代码风格 1.1 缩进与换行 [强制] 使用4个空格作为一个缩进层级。 [建议] 每行不得超过120个字符。...2.2 编码 [强制] 页面必须使用精简模式,明确指定字符编码。指定字符编码的 meta 必须是 head 的第一个直接子元素。 [建议] HTML 文件使用 BOM 的 UTF-8 编码。...2.3 CSS 和 JavaScript 的引入。 [强制] 引入 CSS 时必须指明 rel=”stylesheet”。...二、CSS编码规范 1.命名 1.1 文件命名 常用的文件命名: 全局:global.css 结构:layout.css 模块:module.css 主题:theme.css 较长的文件名必须以...webkit-transition: color .5s; -moz-transition: color .5s; transition: color .5s; } 复制代码 三、JavaScript编码规范

    1.6K20

    【HTML】:编码规范

    字符编码 2.3. 引入 CSS 和 JavaScript 文件 2.4. head 2.4.1 title 2.4.2 favicon 3....字符编码 [强制] 页面必须使用精简形式,明确指定字符编码。 通过明确声明字符编码,能够确保浏览器快速并容易的判断页面内容的渲染方式。...这样做的好处是,可以避免在 HTML 中使用字符实体标记(character entity),从而全部与文档编码一致(一般采用 UTF-8 编码)。... [建议] HTML 文件使用无 BOM 的 UTF-8 编码。 UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。...根据 HTML5 规范,在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性,因为 text/css 和 text/javascript 分别是它们的默认值。示例: <!

    2.1K20

    java编码规范

    java编码规范(日常编码总结,规范项目组员有统一的规范,方便合作,查错,重构等)当你抛弃规范随心所意的写代码时,等你之后再回来阅读时真有的一种全部删掉重写的冲动。...前言 如果这份规范中有不合理的地方,欢迎提issue/提PR等各种形式进行完善。 如果您有更好的代码风格未在本规范中列出,欢迎提issue/提PR等各种形式进行完善。...本规范最后一部分业务规范仅根据本人所在公司情况制定(游戏开发),请酌情考虑使用。 本project还在完善和验证中,希望和大家一起写出优雅而实用的代码。...源代码文件以文件内容中的最顶层的Java类命名,而且大小写敏感,文件扩展名为 .java,同时,文件的编码格式统一为UTF-8。 12....---- 备注: 以上内容摘自 ---- 7. 业务规范 1. 【强制】写业务逻辑时,一定要把对应的需求链接贴在代码注释里,方便在和策划撕逼时方便决定谁该背锅。

    2.5K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券