传说中的Mozilla推荐 Java代码 /* mozilla.org Base Styles * maintained by fantasai */ /* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * te...
1. 页面div的的命名规范： header------------------------头部 content-----------------------内容 nav----------------------------导航 mainnav--------------------主导航 subnav-----------------------子导航 mainnav--------------------主导航 sidebar-----------------------侧栏 loginbar----------------------登陆条 logo-------------------------- 标志 banner-----------------------广告 main---...
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子...
今天写了一个登陆页面，这个相信对大家来说都没有难度，但是身为?丝的我，犯贱了一次！ 登陆页面表单提交，action中，我加了命名空间，详细如下： 登陆都没什么问题，但是问题是当我用户名或者密码错误的时候，我就应该重新返回登录页面，就在重新返回的时候，虽然说通过下面的方式，可以返回到指定的html文档中去 /WEB-INF/index.html /login.html 这个时候，问题来了，login.html引入了外部js文件，详细如...
我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，代码中不涉及...
农历腊月十九 天气晴朗 好的命名规范对团队的协作来说是非常重要，更加直观、更加清晰的命名有助于日后的项目维护，也可以间接的提升项目的进度。平时工作中我们要善于整理和养成一些良好的命名规范，从细节入手，要有全局观，记住不是你一个人在战斗！整理了一些常用到css命名，希望对大家有用。 (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar ...
文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件，放...
在此，非常感谢该文章作者的分享，本文完全转载自上面链接，此处作为备份，方便查看使用。 CSS命名规则规范整理 大家在写css的时候，经常会遇到关于命名的问题。页面上成百甚至上千的class或者id，我们就会越来越感到困扰。 所以，这样我们就很有必要整理自己的一套命名规范。这里我就说说我自己的命 大家在写css的时候，经常会遇到关于命名的问题。页面上成百甚至上千的class或...
接上一篇文章：Gulp学习指南，这里主要记录一下用 gulp 来合并、压缩CSS以及进行 MD5命名以及替换文件中引入的CSS文件，当然这一系列操作都是用基于gulp插件的，主要会用到下面的几个插件： var concat = require(gulp-concat);//- 多个文件合并为一个；var minifyCss = require(gulp-minify-css);//- 压缩CSS为一行； var rev = require(gulp-rev);//- 对文件名加MD5后缀var revCollector = require(gulp-rev-collector);//- 路径...
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search ...
引子： 女孩子都喜欢买衣服，而我也不例外，奈何钱包太瘦，买不起高大上的定制，只能买撞衫率极高的休闲衣，不过对于我来说，我还是开心的，毕竟买衣服买的不仅是衣服，更是一种心情。在web前端的世界里，css里也充满了生活的艺术，都说，艺术源于生活，却高于生活，是对生活的一种升华，那么在css里，是个性化的定制好，还是模块化的量产好呢？这就要看各个项目了，这是一种权衡，一切离不开一个度，这世上没有最好的，只有...
常用的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 版权：copyrigh...
1、顺序 class 、id 、name 2、名称 字母加破折号、尽量短、以父类为前缀、js-前缀代表行为不写入css文件 class="btn btn-red js-cry" 3、 两个空格来代替制表符
BEM是Block, Element, Modifier。 一种class的命名习惯。在这种CSS方法学中，一个block就是一个component的顶级抽象，例如一个button: .btn { }。这里的block应该被当作是一个parent，child items 或者elements, 可以被放在block里面，然后 用在block 名字的后面加两个下划线的方式来表明，例如： .btn__price { } 最后，modifier可以用来操作block, 这样我们就可以style 特定的component， 而且不会给完全不相关的mo...
单行形式书写风格的排版约束1. 每一条规则的大括号 { 前后加空格2. 多个selector共用一个样式集，则多个selector必须写成多行形式3. 每一条规则结束的大括号 } 前加空格4. 属性名冒号之前不加空格，冒号之后加空格5. 每一个属性值后必须添加分号; 并且分号后空格例如：div.test { width: 100px; height: 200px; }a:focus, a:hover { position: relative; right: 1px; }多行形式书写风格的排版约束1. 每一条规则的大括号...