Struggleing......

css布局自适应 布局一般就是 左右2栏目(其中一栏固定   一栏自适应)           左中右3栏(一般中间自适应)   2栏目 左边固定 右边自适应  外围容器90%   写法一 左边 左浮动  右边不浮动  设置margin-left ：numpx   num为左边的宽度 这种写法的好处               简单  容易看懂 兼容性好 切不用引进多余的元素

一个效果 就是鼠标放上去显示     一个块的边框 看上去很简单   a{ display:inline-block; padding:2px 10px;} a:hover{ border:1px solid #000; border-bottom:0;} 123  事实上做出来是会抖动的  因为加了边框之后 a元素的大小变化了  高度变大了1px 宽度变化了2px  所以文字就移位了

为啥要重置css 因为每个浏览器默认的css有些不一样呗   参考的139邮箱的前端   啊干  (因为 鄙人在139前端团队呆了一年多 所以参考这个) /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li,

做前端3年多了，却从来没有认真的 仔细的学一下css    真是惭愧！~~~~~~~~~ 边看变记咯............ css简写 margin,padding margin : 10px 20px 15px;                    top   right/left   bottom                    ====>上10px