Bin_Going的博客

网页切图过程中div+css命名规则(一)命名规则内容：content/container 导航：nav 侧栏：sidebar 　 　 栏目：column 标志：logo 页面主体：main 　　 广告：banner 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu搜索：search 页脚：footer 滚动：scroll 

伪元素和伪类的区别首先，阅读 w3c 对两者的定义：CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素种类区别这里用伪类 :first-

下面这些CSS高级技巧，一般人我可不告诉他哦。使用 :not() 在菜单上应用/取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的 nth-child 选择项目对图标使用SVG优化显示文本对纯CSS滑块使用 max-height继承 box-sizing表

最齐全的网站元数据meta标签的含义和用法随着HTML5的流行和Web技术的不断演变，Meta标签队伍也越来越壮大，从Windows XP的IE6到如今Windows 7、Windows 8的IE9、IE10、IE11，对Html5的支持越来越好，html meta标签的功能作用也越来越强大。首先，先说一下最初产生的一些常用meta标签。从Meta标签的定义说起。

CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我曾经问过许多群里的大牛，说的都不是很准确，网上的说法就更五花八门了。今天呢，主要是重新温习一下这个属性，并实际测试来说明正确的写法，和IE各版本的支持度和书写区别。首

前端之CSS开发规范1. tab键用四个空格代替　　因为在不同系统的编辑工具对tab解析不一样，windows下的tab键是占四个空格的位置，而在linux下会变成占八个空格的位置（除非你自己设定了tab键所占的位置长度）。　　一些童鞋可能会有疑问，tab键换成四个空格，多麻烦啊~　　其实不然，我平时用sublime text比较多，在这个工具中可以对tab键进行设置。　　选择

常用的HTML、CSS、JavaScript前端开发规范  无意发现自己文件夹里面有这么一个文件，具体从哪里来的不记得了，仔细看下，发现总结的挺好的，贴出来分享一下。 无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。 规范目的：为提高团队协作效率, 便于后台人员

导语：下面这几个CSS技巧你可能不知道，1.彩色照片变黑白，2.所有元素垂直居中，3.禁用鼠标，4.模糊文字，小编学完能量满满的，觉得对CSS又充满了爱，你也来看看。1. 黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ img { filter: grayscale(100%); -webkit-filter: grayscale