随笔分类 -  css

摘要: 阅读全文
posted @ 2014-05-23 16:26 笑月儿 阅读(927) 评论(0) 推荐(0)
摘要:一个要适应各种手机屏幕,各种浏览器的手机版网站,适配是个很头疼的问题,据了解,大概有两种方法1.使用第三方框架,如bootstrap 、jquery mobile等2.将css中的所有px 变成em ,而px与em的比例关系,是有一个算法的,并不是固定值,要根据嵌套关系来计算转了一篇关于 px转换成... 阅读全文
posted @ 2014-05-12 09:26 笑月儿 阅读(901) 评论(0) 推荐(0)
摘要:经常会用到云状提示框,如图:基本框架是这样,以三角在左侧为例: 提示内容 css样式是这样:基本思想是这样的:在一个大div的边侧浮动一个小三角,而小三角是通过一个正方形的border宽是正方的变长来使得正方形变成四个小三角,如图:将其中三个小三角的背景色设置与背景相同就等同于将其去掉。而就是生成四个三角形的正方形,这是于基本完全相同只是剩下的三角行的背景色为大背景色来覆盖最后剩下的三角形的里边的北京使其只剩下边,就是我们想要的形状 阅读全文
posted @ 2014-01-08 19:01 笑月儿 阅读(518) 评论(0) 推荐(0)
摘要:一个web页面既要在宽屏上显示,又要在窄屏上显示,既要在电脑上显示,又要在手机上显示,这个适配问题相当的麻烦。其实解决电脑与手机的适配问题,一般有两个思路;一个是做判断,根据不同条件在css和js做相应的修改,一个是直接做两版,手机版和电脑版,手机版略精简。1.宽屏与窄屏由于现在宽屏电脑越来越频繁,所以如果再将内容宽度设为960就太不能满足要求了,所以将内容宽度设了两版分别为1190px和960px。所有内容的外面包一个这样,通过判断屏宽来修改class的值,达到修改样式的目的js如下css如下/*控制宽度的类*/.width_broad{width:1190px;margin:0px aut 阅读全文
posted @ 2014-01-04 11:19 笑月儿 阅读(1236) 评论(0) 推荐(0)
摘要:转自http://hi.baidu.com/kongcheng2012/item/2b1250d4452e802538f6f705为什么浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及widthheight属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。我根据自己的经验总结8种清除浮动的方法(测试已通过iechromefirefoxopera,后面三种方法只做了解就可以了):1,父级div定义height Left Right di... 阅读全文
posted @ 2013-12-30 15:09 笑月儿 阅读(182) 评论(0) 推荐(0)