1.1. 语法1. 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。2. 为选择器分组时，将单独的选择器单独放在一行。3. 为了代码的易读性，在每个声明块的左花括号前添加一个空格。4. 声明块的右花括号应当单独成行。5. 每条声明语句的 : 后应该插入一个空格。6. 为了获得更准确的错误报告，每条声明都应该独占一行。7. 所有声明语句都应当以分号...
一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影 /css/movie/音乐 /css/music/社区 /css/sns/小站 /css/site/同城 /css/location/电台 /css/radio/外联CSS文件适用于全站级...
一直以来我的CSS 的 class命名都是比较随意，有时采用驼峰式、有时采用下划线，好像没有什么统一的标准，想到什么英文单词就拿过来用，这对于自己瞎写的小项目无伤大雅，遇到冲突的问题可稍加调整改变即可。今天，我学习并掌握了一种新的class命名规范，觉得它更加科学更加稳健。在此总结。关注分离class 的命名要遵循关注分离、松耦合的原则，同时注重易于理解下面的代码展示了一些简单的 class 命名规范 ```html ```css .news {}...
1. 变量命名（1）变量名不应以短巧为荣左边的变量名都不太清楚，代码的扩展性不好，一旦代码需要加功能的话，就容易出现obj1、obj2、obj3这种很抽象的命名方式。所以一开始就要把变量的名字起得真实有意义，不要搞一些很短很通用的名字。（2）bool变量建议布尔变量不用以is/do之类的开头var isMobile = true,isError = true,doUpdate = false;可改成：var mobile = true,error = true,updated = false;还有其它一些常用的名称如don...
文件规范、注释规范、命名规范、书写规范、测试规范。一、文件规范1、文件均归档至约定的目录中。所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影 /css/movie/音乐 /css/music/社区 /css/sns/小站 /css/site/同城 /css/location/电台 /css/radio/外联CSS文...
一、什么是BFC1.Formatting context:页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及其他元素的关系和相互作用。2.Box：css布局的基本单位。元素的类型和display属性决定了这个box的类型。不同类型的box，会参与不同的Formatting Context（决定如何渲染文档）。 block-level box：display属性是block、list-item，table的元素，参与block Formatting context inline-level box：display属性是i...
常用的CSS命名规则头：header内容：content/Container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体佈局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签：tags文章列表：list提示信息：msg小技...
CSS命名规范一、页面结构容器: container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center二、导航导航：nav主导航：mainnav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar菜单：menu子菜单：submenu标题: title摘要: summary三、功能标志：logo广告：banner登陆：login登录条...
常用html、CSS、javascript前端命名规范 无意发现自己文件夹里面有这么一个文件，具体从哪里来的不记得了，仔细看下，发现总结的挺好的，贴出来分享一下。 无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的： 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确...
我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，...
目录：1、CSS注释的书写 怎么写？好处？2、CSS引入方式 各种的优缺点3、选择器的写法与选择器的优先级4、CSS命名规范5、背景，行高6、文本(text与font开头)等所有属性① CSS注释书写规范：1、单行注释： 直接写在属性值的后面，如：① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ } ② .wrap { /*height: 100px;*/ } 2、...
网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容篇。常用DIV+CSS命名大全集合，即CSS命名规则DIV CSS命名目录命名规则说明重要CSS命名CSS命名参考表命名技巧我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。一、命名规则说明： - TOP1）、所有的命名最好都小写...
/* function */.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}.f-cb,.f-cbli li{zoom:1;}.f-ib{display:inline-block;*display:inline;*zoom:1;}.f-dn{display:none;}.f-db{display:block;}.f-fl{float:left;}.f-fr{float:right;}.f-pr{position:relative;}.f-prz{position:relative;zoom:1;}.f-oh{overflow:hidden;}.f-ff0{font-family:arial,\5b8b\4f53;}.f-...
CSS命名规范 一．文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 二．常用类/ID命名规范 页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接...
参考 一、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等)原文：https://www.cnblogs.com/bonus_scene/p/15236998.html