摘要: background 现在对 background 属性做总结 background-color: gray; 背景颜色 background-image: url(/i/eg_bg_04.gif); 背景图片 background-repeat: repeat-y; 背景图重复 这个属性值有三个: 阅读全文
posted @ 2016-10-14 13:01 _但行好事 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 圆角边框 border-radius 兼容到 IE9. border-radius: 50%, 后面的数字表示那个角的圆的半径, 为 50% 是根据盒子宽高合成的. border-radius: 40px, 也表示4个角都是一个半径为 40px 的圆. border-radius: 40px 50p 阅读全文
posted @ 2016-10-14 12:42 _但行好事 阅读(943) 评论(0) 推荐(0) 编辑
摘要: 渐变 有了渐变再也不用去切1px的图再重复了.. -webkit- 是浏览器前缀, 表示特定浏览器对一个属性还在实验阶段, 在这里顺便写下各个浏览器的前缀: chrome/ safari -webkit- firefox -moz- IE -ms- opera -o- 为了各个浏览器能够识别, 我们 阅读全文
posted @ 2016-10-14 12:39 _但行好事 阅读(29256) 评论(0) 推荐(1) 编辑
摘要: 伪类 css2.1, 合法伪类只有 a 标签有, link visited hover active p:hover: 现在人人都有, IE7兼容, 其他三个还是只有 a 有. p:foucus: 得到焦点的元素. (下面是和表单有关的) p:checked: 被选中的元素. p:disabled: 阅读全文
posted @ 2016-10-14 12:35 _但行好事 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 选择器 属性选择器: img[src="images/2.jpg"] 开头匹配: a[href ^="page/"] 若 a 的 href 属性的属性值以 page/ 开头, 就匹配这个 a 标签. 结尾匹配: a[href $="2.html"] 若 a 的 href 属性的属性值以 2.html 阅读全文
posted @ 2016-10-14 12:33 _但行好事 阅读(888) 评论(0) 推荐(0) 编辑