摘要：
1 生成结构的快捷键： ！+ tab,可以生成html5的结构代码。 2 生成id名和类名 标签名.类名#id名+tab 没有标签名.类名+tab ==>div 3 生成同级元素： 标签名+标签名+标签名 “+”tab 4 生成子类标签 标签名>子标签名>子标签名>子标签名+tab 标签名>子标签名 阅读全文
摘要：
1、未脱标 margin：0 auto； 2、脱标（absolute、fixed） left：50%； margin-left：width/2； 阅读全文
摘要：
图片是行内块元素 1、把行内块转换为块级元素 2、给图片加父盒子，使父盒子居中 阅读全文
摘要：
阅读全文
摘要：
腾讯： body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow",HELVET 阅读全文
摘要：
浅灰： #eee 阅读全文
摘要：
标准流： 从左到右，从上到下块级元素独占一行，行内元素碰到父盒子边缘换行 浮动： 特点 1 元素浮动之后不占据原来的位置（脱标），变成立体，下面可以有东西，只影响下面的 2 浮动的盒子在一行上显示 3 行内元素浮动之后转换为行内块元素（可以定义宽高）。（不推荐使用，转行内元素最好使用display: 阅读全文
摘要：
盒子宽度=border-width+padding+width 阅读全文
摘要：
解决方法: 1 给父盒子设置边框 2 给父盒子overflow:hidden; bfc 格式化上下文 http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html 阅读全文
摘要：
a:visited{属性:值;} 链接访问之后的状态（使用时写在其他伪类的前面） a:link{属性:值;} 链接默认状态 a:hover{属性:值;} 鼠标放到链接上显示的状态 a:active{属性:值;} 链接激活的状态(鼠标按下) a:focus{属性:值;} 获取焦点 阅读全文