展开

关键词

css书写规范

样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。 虽然CSS初学者易于上手,且趣味性十足,但是作为一项工程而言,还是需要有一定规范约束的。 这里简单介绍下关于css的一些规范。 1. 书写顺序 一般而言css都有一定的书写顺序,而不是想起来什么属性写说明属性。 一般css书写顺序为: 位置(z-index position top display float ...) 大小边距(width padding margin ...) font-family: serif; font-size: 100%; line-height: 1.2; background-color: #ff0000; } /* 规范示例 命名规范 命名规范两个注意点: 不要乱使用“id” 这是因为id在js中具有唯一性,防止多次使用而对脚本编写带来影响。而class类则可重复使用。

19120

css书写规范

属性的书写顺要有一定的规律。 Padding, Borders, Outline Typographic Styles Backgrounds Opacity, Cursors, Generated Content  从上到下的书写顺序示例

27940
  • 广告
    关闭

    【玩转 Cloud Studio】有奖调研征文,千元豪礼等你拿!

    想听听你玩转的独门秘籍,更有机械键盘、鹅厂公仔、CODING 定制公仔等你来拿!

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

    CSS 样式书写规范

    可能不同团队都有各自的规范,又或者很多人在写 CSS 的时候还是想到什么就写什么,不存在太多的约束。 我觉得 CSS 代码规范还是有存在的必要的,尤其是在团队配合,多人协作下,规范就显得尤为重要。 本文的所列是实践当中得出的一套比较不错的 CSS 书写规范,并不希望大家完全采用,而是希望可以结合自己的团队需要,发展出一套适合自己的 CSS 代码规范。 也希望可以有更多的建议,共同的完善。 本规范也可以在我的 Github 上看到,欢迎留言或者提 PR。 我觉得不同的规范都有各自的长处与缺陷,对待所谓的规范最好的方式不是人云亦云,拿来就用,而是应该结合实际情况及需求,取长补短,取其精华去其糟粕。  > Visual 的顺序书写,提高代码的可读性。

    55370

    HTML&CSS书写规范

    第一部分:HTML书写规范: 1.1 HTML整体结构: 1.1.1:HTML基础设施: 文档以"<!DOCTYPE...>"首行顶格开始,推荐使用"<! ,使用

    1.1.3:结构(html),表现(css),行为(js)三者分离,避免内联 使用link将css文件引入,置于head中; 使用script将js文件引入,置于body底部。 ,就不要嵌套书写。 使其不可见,有利于搜索引擎抓取内容,同时CSS失效时可以看到内容 1.2.4  以字符实体代替与HTML语法相同的字符,避免浏览器解析错误 更多HTML规范:参考链接 第二部分:CSS书写规范 参考链接 第三部分:JavaScript书写规范 3.1 区块: 总是使用大括号表示区块 1 if(false) 2 var aa=1; 3 var bb=2; 4 var cc

    402100

    CSS 代码的书写规范、顺序

    本文来自设计达人网站,Jeff 看到该文感觉非常有必要学习分享,so,转载在这里,感谢原作者——写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验 ,这里设计达人网总结一个CSS书写规范CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。 CSS书写规范 使用CSS缩写属性 CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。 ? ? 去掉小数点前的“0” ? ? 连字符CSS选择器命名规范 1.长名称或词组可以使用中横线来为选择器命名。 2.不能用“_”下划线来命名CSS选择器,为什么呢? CSS命名规范(规则) 常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体佈局宽度

    1.5K90

    如何规范 CSS 的命名和书写

    CSS书写顺序 位置属性(position, top, right, z-index, display, float等) 大小(width, height, padding, margin) 文字系列( 书写规范使用CSS缩写属性 CSS有些属性是可以缩写的,如下这样精简代码同时又能提高用户的阅读体验。 8266e4bfeda1bd42d8f9794eb4ea0a13.png 连字符CSS选择器命名规范 1.长名称或词组可以使用中横线来为选择器命名。 10fb15c77258a991b0028080a64fb42d-1.png CSS命名规范(规则)常用的CSS命名规则 头header内容content尾footer导航nav侧栏sidebar栏目 CSS样式表文件命名 主要的master.css模块module.css基本共用base.css布局、版面layout.css主题themes.css专栏columns.css文字font.css表单forms.css

    6620

    js书写规范

    = b = c = 1; // good let a = 1; let b = a; let c = a;   11.6、避免使用 ++ 或 –,使用 += 或 -= 代替(eslint规范 空格(具体遵循eslint规范)   14.1、始终使用 2 个空格作为块之间的间距   14.2、在前括号【{ }, ( )】之前放置1个空格 // bad function test(){ console.log

    20630

    SQLServer书写规范梳理

    今天给大家分享SQLServer书写规范笔记,希望对大家能有所帮助! ? 1、在名称中仅使用字母、数字和下划线 要在名称中仅使用字母、数字和下划线,主要是因为这些字符可以被方便的移植到编程语言中。 1.等号两边使用空格 在书写赋值语句时,应当在等号两边使用空格分隔,如SET @age = 30比SET @age=30更容易阅读。 2.逗号后面使用空格 应当遵循在逗号后面使用空格的原则,因为英语中逗号和句号很容易混淆加空格更有利于发现SQL书写错误的问题。 6、使用缩进的规范 合理的使用缩进会使SQL语句的层次和逻辑关系更加清晰,一般都是缩进2个空格。例如,在下面的语句中,AND关键词连接了两个筛选条件,缩进后会更加突出WHERE子句。 FROM Resources.UserInfo WHERE Name='小明' AND Age>25 ; 7、 使用分组 存在多行Transact-SQL的情况下,相关语句之间可以直接换行书写

    20110

    JSON代码书写规范

    HTML5学堂:在AJAX实现前后台数据交互的时候,通常使用JSON的数据格式,对于JSON来说,有严格的代码规范,一旦格式出问题,就无法显示出相应效果,同时还不在控制台报错。 今天我们一起总结一下,JSON的书写有哪些规范。 JSON是什么? 在前后台的交互中,通常要互相传递消息,那就需要一种两方面都能“听懂的语言”,数据格式这里就代表语言。 因此,在书写的代码当中,需要遵循基本的对象、数组的书写方式。 "num" : 5 }, { "city" : "XiaMen", "num" : 5 }] } 书写

    1.1K40

    CSS书写顺序

    CSS书写顺序 整理了一下自己写CSS时的顺序,跟大家分享下。

    8240

    HTML的书写规范

    listed in an order that reflects the fact that class names are the primary interface through which CSS maintainable code base, and ensuring that you have a relatively scalable interface between your HTML and CSS The names should be informative both within HTML and CSS files. <meta charset="utf-8"> <title>Document</title> <link rel="stylesheet" href="main.<em>css</em>

    27720

    Python代码格式书写规范

    Python代码的编写是非常讲究规范的,所以我们单独来一节课聊聊Python代码规范问题。 在Python代码编写过程中如果代码稍微不规范就有可能报错,但是这种规范恰好又是Python的优点,省去很多不必要的标点符号来限制格式。下面就来列举一些常见的代码规范。 大家可以看到第一行代码是正确格式,第二行红色横线上方会有黄色波浪线提示,表示省略空格后出现格式不规范提示,这里不是报错。 还有一种情况空格反而会出现格式不规范提示,也就是下面有黄色波浪线,这种情况一般出现在函数和类括号中传入参数的赋值。 三、Python代码空行规范 空行一般不会引起语句错误,但是会出现一些黄色波浪线提示代码不规范。下面就的一个实例,两组代码完全一样,仅仅是空行有所不同。

    22921

    Css样式书写顺序

    我不知道是否有人严格按照一定的顺序来书写css的样式,可以说几乎都是需要什么样式就加什么样式,完全没有考虑过样式属性书写的顺序对性能有什么影响。 我一直坚信,前端的性能优化都是从细节堆出来的,不注意css属性的顺序确实也可以实现我们需要的各种操作,但是慢慢的让自己遵从最优的写法,提高自己或者是优秀自己还是有必要的。 讲顺序之前,我们先要知道浏览器渲染页面的过程,之前有写过一篇文章了,这边简单提一下: 1.解析HTML构建DOM树 2.解析CSS构建CSSOM树 3.将DOM树和CSSOM树合并构建render树 4 .布局 5.绘制 6.重排reflow 7.重绘repaint 整体来说,页面渲染初始过程涉及到2、3、4,我们推荐的书写顺序是这样的: 位置属性:position display float left 简单说就是位置和尺寸会涉及重排,颜色等会涉及重绘,初始化过程中我们当然是尽量避免重排和重绘,所以按照顺序书写css样式,有助于性能的优化,页面的渲染。 (完)

    40410

    XML的书写规范与解析.

    XML一直来说都很陌生, 使用大多是用于配置文件, 之前并没有细究过其中的约束规范, 今天刚好没事来学习并总结下.  ---- 1,XML基础介绍   XML 指可扩展标记语言(EXtensible Markup a.XML做为数据交换的载体,用于数据的存储与传输     b.XML做为配置文件 2,书写规范 注意事项:     xml必须有根元素(只有一个) xml标签必须有关闭标签 xml标签对大小写敏感 xml 的属性值须加引号 特殊字符必须转义 xml中的标签名不能有空格 空格/回车/制表符在xml中都是文本节点 xml必须正确地嵌套     我们将符合上述书写规则的XML叫做格式良好的XML文档。

    906200

    pycharm如何使用&python书写规范

    目录 1、pycharm如何使用 2、python 书写规范 1、pycharm如何使用 #主题的选择 file >> settings >> Editor >> color Scheme # pycharm ·单行注释:ctrl+/ 或者 使用#号注释 ·多行注释:使用三引号''' ''' #注.警号与注释文本之间要有一个空格,为了书写规范,如果单行注释在一行代码的后面,需要先空两个格再写 2、python 书写规范 python书写采用的是'PEP8'规范书写,pycharm可以用Ctrl+Alt+L来一键修正格式!

    19110

    web前端入门到实战:18种推荐的CSS命名和书写规范

    选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以“g”为开头。如“g-content”和“g-header”; 与挂钩相关的样式以“j”为开头。 以上的说明只是举例,大家可以根据项目需求自定义开头的字符,这样做的目的是使CSS代码整洁易维护。 g-special-content { height: 100px; width: 300px; } 不推荐的写法: #special-content { height: 100px; width: 300px; } 属性的书写规范 如果在书写时发现新样式无法复写旧样式。通常有两个原因:要么新样式写在了旧样式的前面,要么新样式对应的选择器的权重比旧样式的更低。 因此在过去,我们通常要针对个别怪异的浏览器撰写有针对性的CSS

    20100

    PHP入门-书写语法以及基本规范

    PHP入门-书写语法以及基本规范 HTML5学堂:本文是PHP的入门用文章,主要包括PHP的基本语法与书写风格,对于PHP中的标识符,应当如何书写,基本的命名规范。 PHP是一个知识容量很大的语言,单纯讲PHP也是可以讲4个月的,因此,最近一直在纠结,到底HTML5中的PHP要怎么讲,也是在捋顺课程的基本逻辑~ PHP基本语法与书写风格 PHP的代码书写风格有四种 具体要修改的代码如下: short_open_tag = On asp_tags = On PHP标识符与命名规范 标识符的书写方法 $+变量名 标识符命名规范 1、长度不限 2、任意字母、数字、下划线组成

    563120

    matlab书写规范及标点符号运用

    3 代码书写建议: a) 每个语句请以分号“;”结尾,在做调试可以不加分号; b) 在书写代码时赋值符和运算符前后加空格,如 a = 2*b + 3*sin(c); c) 长变量命名书写时采用“驼峰”方式

    74220

    相关产品

    • 云直播

      云直播

      云直播(CSS)为您提供极速、稳定、专业的直播云端处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、慢直播、快直播三种服务,分别针对大规模实时观看、高并发推流录制、超低延时直播场景,配合移动直播 SDK,为您提供一站式的音视频直播解决方案。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券