dasdsasd

随笔分类 -  CSS

摘要:这次在做项目的过程中被程序猿叫去 改一个弹框我看到界面如下:这蛋疼了 为啥radio后面会有背景 我明明什么样式也没写 看我写的demo正常的啊 难道是他们套错了 。自己检查了代码 发现并没有错误。。样式里面除了浏览器默认样式 没有别的样式被应用到这里就纠结了 经过反复研究终于在stackoverflow看到了一个人的问题地址:http://stackoverflow.com/questions/9838583/radio-button-background-goes-white-in-windows-chrome-when-using-webkit-backface?answertab=ac 阅读全文
posted @ 2012-08-22 14:58 小A的博客 阅读(405) 评论(0) 推荐(0)
摘要:今天逛博客的时候发现一属性box-sizing查阅文档发现 用在使用padding的标签里面特别好使大家都知道 使用padding后 元素的宽高也会对应的增加所以写了padding后 要减掉对应的宽高 这样就要计算 显得比较麻烦。这时候box-sizing 就有用啦 加上它以后 就不用取计宽高啦对应语法box-sizing:content-box|border-box|inherit参数取值content-box:此值维持css2.1盒模型的组成模式,border|padding|content {element width=border+padding+content}border-box: 阅读全文
posted @ 2012-06-29 17:01 小A的博客 阅读(213) 评论(0) 推荐(0)
摘要:在做手机端的时候 我们也会使用hover 状态 来切换样式但是 手机端的hover状态类似于click或者是touchend就是当手指离开的时候才会触发hover 这样用户体验上不太好我们希望当用户手指按下的时候就能触发某个状态。即touchstart的时候就切换样式。 但是CSS里面没有touchstart这种写法所以有时候会自己定义某个class 然后用js绑定touchstart 这里我发现了一种新方法在css里面有active 这个 就是鼠标按下的效果 在手机端也是支持的。所以 我们书写的时候 就可以写上 :hover{} :actice{} 这2种 就实现了touchstart 和t 阅读全文
posted @ 2012-06-16 15:08 小A的博客 阅读(650) 评论(1) 推荐(0)
摘要:在CSS3中 我们可以添加多背景 就是多重背景叠加的效果 常用在背景 按钮 等图片上面 比如按钮上面的某个小图片不同 但是按钮整个背景是一样的例(ps:例子可能不太好,因为小图片插入进去也可以,不一定非要用多背景。这里我们只介绍多背景写法,就不管那么多了)多背景要注意的是写法问题 位于最前面的图片要写在第一层例子 假如图片是ico.png 按钮背景是bg.png写法一(错误):.btn1{ width:77px; height:33px; background:url(themes/img/bg.jpg) no-repeat,url(themes/img/ico.png) no-repeat; 阅读全文
posted @ 2012-06-15 14:48 小A的博客 阅读(450) 评论(0) 推荐(0)