CSS
mole
这个作者很懒,什么都没留下…
展开
-
CSS如何让图片自动缩放
由于手机开发需要面对各种不同分辨率的屏幕,所以,往往需要让图片能够自动调整高度或者宽度。如果你的图片的横向宽度是根据父对象自动匹配的,那么往往希望图片的高度能自动成比例的缩放,否则图片会变形。可以按照如下设置CSS:.img{width : 100%;height : auto}如果你的图片的高度是根据父对象自动匹配的,那么希望图片的宽度能自动成比例的缩放,可以按如下设置CSS原创 2015-01-09 10:44:50 · 5279 阅读 · 0 评论 -
用CSS如何让节点宽度自动填满
有时候遇到父元素的宽度是不确定的,此时就需要让当前元素的宽度能自动填满父元素的宽度,可以采用如下方式进行:.fillfull {position:relative;left:0;right:0}采用相对定位,并把左右位置全部置位0,简单又方便。原创 2015-01-09 10:50:51 · 5514 阅读 · 0 评论 -
如何清除LI之间的间距
这两天在做一个竖向排列的菜单,考虑到访问速度问题,决定不使用大块的背景图来解决鼠标移动和选中后的背景色问题。但是,一个问题始终困扰着我,IE下各项菜单之间的间距很大(FireFox下无此问题),代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN""http://www.w3.org/TR/html4/loose原创 2015-01-04 21:54:03 · 5013 阅读 · 0 评论 -
如何将div高度填满剩余高度
下列代码中navbar高度为30px,content高度需要填满浏览器的剩余高度<div id="body"> <div id="navbar"></div> <div id="content"></div></div>css如下:html,body { padding: 0px; margin: 0px; heig原创 2015-01-04 21:55:26 · 5697 阅读 · 0 评论 -
改为引用css文件后顶部莫名其妙的空隙
前两天把内置的css改成引用外部css文件,结果网页顶部莫名其妙的出现了一行间隙,css文件内容样例如下:html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img { margin: 0; padding: 0;}body { background: #ffffff; color: #00原创 2015-01-04 21:54:12 · 948 阅读 · 0 评论 -
IE浏览器网页css中万能的float
在制作网页的时候,布局定位始终是比较麻烦的事情。针对IE的布局,一个万能属性不可不设,那就是float属性。这个属性不设,会出现很多意想不到的事情发生。当然,要让该属性生效,还必须设置position属性。原创 2015-01-04 21:54:23 · 548 阅读 · 0 评论 -
不同浏览器的CSS3前缀
Firefox的CSS3前缀为 -moz-Opera的CSS3前缀为 -o- Safari的和 Chrome CSS3前缀为 -webkit- IE的CSS3前缀为 -ms-原创 2015-01-08 12:20:31 · 915 阅读 · 0 评论