突然感觉自己代码写的乱糟糟，赶快百度一下，学习学习规范的写法，顺便记录一下1.class命名有一下几种方式：className，class_name，class-name。其中据了解很多人js中使用第一种驼峰命名法，css中使用第二种或第三种，但是看网上有文章比较推荐第三种命名法，原因是可以少按一个shift键加快编程速度。笔者在没有查到这是什么命名法，但是看了一下很多大型网站的源码中css都是采用class-name命名方法。（注：其实很多公司有自己的规...
一、文件规范基本样式库 /css/module通用UI元素样式库 /css/libJS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/ 文件名必须由小写字母、下划线组成 例如 /css/module/rec_btn.css二、sass使用规范module库和lib库 内文件必须以下划线开头：/css/lib/_lib.scss通用工具文件 /css/lib/_lib.scss 内只允许 使用 @mixin命令，定义代码块。@import 最多允许嵌套两层（最好一层）。mod...
不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。因此，编写灵活、稳定、高质量的 HTML 和 CSS 代码，是每一个技术人员的基本操守。HTML************************************************************************语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，确保全部使用双引号，绝不要使用单引号。不...
css书写规范： 1. 编码统一为utf-8;2. 协作开发及分工: i根据各个模块, 同时根据页面相似程序, 事先写好大体框架文件,同时根据页面相似程序，事先写好大体框架文件。共用css文件base.css由i书写, 协作开发过程中, 每个页面务必都要引入, 文件包含reset及头部底部样式, 此文件不可随意修改;3. class与id的使用: id是唯一的并是父级的, class是可以重复的并是子级的, 所以id仅使用在大的模块上, class可用在重复使用率高及子级中; id...
1、css（层叠样式表）样式主要目的（让页面更好看些）css尽量不要写内联样式，保证结构和样式分离原则；html专门负责结构，css专门负责样式。2、css写法规范选择器 { 属性 ：值 ； }内联样式 写在标签里 style=“”属性：值“”内部样式 写在head标签里的style标签里 外部样式 通过链接导入样式表 link3、font-size（字号大小）4、浏览器默认字体font-family 微软雅黑 ，字体大小一般默认为16px 一般不想写中文是可以用un...
我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，...
CSS书写规范https://www.aliyun.com/jiaocheng/636928.html1. CSS书写顺序1.1 位置属性(position,top,right,z-index,display,float 等) 1.2 大小(width,height,padding,margin) 1.3 文字系列(font,line-height,letter-spacing,color,text-align等) 1.4 背景(background,border等) 1.5 其他(animation,transition 等) 示例: 样式里边:先写位置,大小,文字系列,背景… 注意对齐,相差一个tab键的距离。习惯上冒号后边会空一个空格符。....
1 前言2 代码风格2.1 文件2.2 缩进2.3 空格2.4 行长度2.5 选择器2.6 属性3 通用3.1 选择器3.2 属性缩写3.3 属性书写顺序3.4 清除浮动3.5 !important3.6 z-index4 值与单位4.1 文本4.2 数值4.3 url()4.4 长度4.5 颜色4.6 2D 位置5 文本编排5.1 字体族5.2 字号5.3 字体风格5.4 字重5.5 行高6 变换与动画7 响应式8 兼容性8.1 属性前缀8.2 Hack8.3 Expression1 前言CSS 作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标...
合理的避免使用ID一般情况下ID不应该被应用于样式。ID的样式不能被复用并且每个页面中你只能使用一次ID。使用ID唯一有效的是确定网页或整个站点中的位置。尽管如此，你应该始终考虑使用class，而不是id，除非只使用一次另一个反对使用ID的观点是含有ID选择器权重很高。CSS选择器中避免标签名当构建选择器时应该使用清晰， 准确和有语义的class(类)名。不要使用标签选择器。 如果你只关心你的class(类)名 ，而不是你的代码元素，这样...
在编写CSS时也存在一些编码规范，平时注意这些基本的规范，可使代码更易阅读和维护。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>/* 语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。为选择器分组时，将单独的选择器单独放在一行。为了代码的易读性，在每个声明块的左花括号前添加一个空格。声明块的右花括号应当单独成行。每条声明语句的 : 后应该插...
格式化： body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;}a{ color: inherit; text-decoration: none; display: inline-block;} font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;font-style（字体...
关于CSS的书写规范和顺序，是大部分前端er都必须要攻克的一门关卡，如果没有按照良好的CSS书写规范来写CSS代码，会影响代码的阅读体验。这里总结了一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性 (position, top, right, z-index, display, float等) 2.大小 (width, height, padding,...
CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等)CSS书写规范使用CSS缩写属性CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。去掉小数点前的”0″简写命名很多用户都喜欢简写类...
一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等)二、CSS书写规范 1.使用CSS缩写属性 CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。2.去掉小数点前的“0”3.简写命名很多...
首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了。首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的规范都不一样..仅供参考 前端开发规范文档 Html规范1 代码风格1.1 缩进**【强制】**使用 4 个空格作为一个缩进层级，不允许使用 2 个空格或 tab 字符；2 属性2.1 属性引号**【强制】**对于属性的定义使用双引号，不允许使用单引号，不...