代码改变世界

随笔分类 -  CSS

透明层无论滚动与否都满屏显示(纯css)

2012-09-07 15:46 by 江苏黑马, 315 阅读, 收藏,
摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <meta http-equiv="Content-Type" content="text/htm 阅读全文

css bug

2012-09-06 09:23 by 江苏黑马, 136 阅读, 收藏,
摘要： a嵌套bug ie6a里面嵌套一个设置为display:inline;zoom:1;的元素，则ie6下a的小手会消失。解决办法：在嵌套元素上加：cursor:pointer;a里面嵌套一个元素，当设置a{text-decoration:none};在ie6下还是有下划线。解决办法：加上a:hover{text-decoration:none;}而不是在a上加。 阅读全文

自定义css reset

2012-07-25 11:05 by 江苏黑马, 1472 阅读, 收藏,
摘要： 不要盲目相信主流说法，*{margin:0;padding:0}或reset.css使用的margin和padding重置方法。大多数reset.css中的代码都是不需要的，让我们来试验下。body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}body） ff:ie:gg: 可见body的margin:0;是需要的，而padding:0;是不需要的。div） ff:ie:gg: 可见di... 阅读全文

容器的垂直居中

2012-07-16 09:29 by 江苏黑马, 211 阅读, 收藏,
摘要： 效果：原理：利用“绝对定位50%”和“负边距”代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 6 <title>index</title> 7 <style> 8 div#big { 9 position: relative;10 height: 300px;11 width: 300px;12 background-color: #ccc13 }14 div#small {1... 阅读全文