摘要：
利用display：none和display：blocks设置鼠标经过的一个效果。 注意的几个点：1.子绝父相定位 2.设置百分比宽高 3.播放按钮放用背景图做 4.a:hover .mask的写法 阅读全文
摘要：
1、display:none,不会占位置，下面的盒子顶上来了，与之对应的是display：block，和js搭配用来做特效。 2、visibility: hidden隐藏元素以后占位置下面的盒子顶不上来，与visibility: hidden对应的是visibility: visible 3、ove 阅读全文
摘要：
这样写完之后，会发现中间边框明显更粗，因为是两个盒子的边框并在一起。 解决方法是设置负的margin值 然后我们设置鼠标经过盒子的样式，会发现，有盒子边框有一边不会变色 解决方法是：使用相对定位可以解决，如果li本身就具有定位，这时候可以使用z-index提高层级 阅读全文
摘要：
1、图片和文字是默认基线（baseline）对齐，这样会导致图片下方出现3px的空隙 2、解决方法是使用其他的对齐方式，比如middle，top等等 3、使用浮动使文字环绕似乎更美观 注意：vertical-align大多是行内块和文字的对齐方式，比如img和input 阅读全文
摘要：
<body> <input type="text" name="" id=""> <textarea name="" id="" cols="30" rows="10"></textarea> </body> <style> input { outline: none;/* 取消默认的表单轮廓线 * 阅读全文
摘要：
【注意】 通过以上的设置，可以实现为行内非替换元素设置宽高及内外边距。但是替换时，还需要注意转换为块级元素只是，position的副作用，他们本身的作用还会干扰布局效果。 块级元素的宽度会继承其父元素。但是，只有为行内元素设置display:block;才会有这样的效果，其他转换之后并不会默认带来这 阅读全文
摘要：
阅读全文