随笔分类 -  Css

使用padding须注意
摘要：-webkit-box-sizing:border-box;/*IE以外浏览器如不使用，DIV则会因为使用padding变大*/从chrome9开始支持 box-sizing 标准，而不需要 -webkit-box-sizing所以你看看chrome版本，如果<9 就需要 -webkit-box-sizing:border-box; 阅读全文
posted @ 2013-05-28 12:46 RattanyiXu 阅读(142) 评论(0) 推荐(0)
移动DIV
摘要：<style>body{margin:0px;padding:0px;font-size:14px;}#t {position:absolute;float:left;left:0px;top:0px;}#a {float:left;}.al {opacity: 0.80;filter : progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80,finishOpacity=100);}.al2{opacity: 0.00;filter : progid:DXImageTransform.Microsoft.Alpha(s 阅读全文
posted @ 2013-05-26 21:31 RattanyiXu 阅读(419) 评论(0) 推荐(0)
鼠标经过时 表格行的背景色更改
摘要：<html><head><style type="text/css">#customers { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; }#customers td, #customers th { font-size:1em; border:1px solid #98bf21; padding:3px 7px 2px 7px; }#customers th { fon 阅读全文
posted @ 2013-05-26 15:50 RattanyiXu 阅读(317) 评论(0) 推荐(0)
css去掉a标签点击后的虚线框
摘要：outline是css3的一个属性，用的很少。声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢？当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果，所以看不到。这个就是a标签被聚焦后出现了虚线框，也就是outline;基本上这个是没有用的效果，大多数情况下我们会希望不要出现这种效果，于是给a标签设置outline:none;很遗憾 阅读全文
posted @ 2013-05-21 11:40 RattanyiXu 阅读(39882) 评论(1) 推荐(5)
css样式判断浏览器
该文被密码保护。
posted @ 2013-05-17 09:19 RattanyiXu 阅读(0) 评论(0) 推荐(0)
css-input与文字的对齐
该文被密码保护。
posted @ 2013-05-17 00:35 RattanyiXu 阅读(2) 评论(0) 推荐(0)