随笔分类 -  css

css控制div显示／隐藏方法及２种方法比较原码 转
摘要：转自http://blog.csdn.net/czf164"CSS中的display和visibilitycss中display和visibility语法，他们都可以隐藏和显示html元素。看齐来他们很相似，所以很多人还是会搞错。谈们的属性分别如下：display:none|block;display:none;时隐藏该html元素，确切的说，是在浏览器中消除该元素，不占屏幕的空间。若其下有其他元素，就会上移到该空间区域（好像桌子上有100块钱，现在我把它放在抽屉里藏起来，桌子上放100钱的地方可以放在其他任何东西）。dispaly:block;显示已经隐藏的html元素，如果别的元 阅读全文
posted @ 2011-04-12 11:38 ndxsdhy 阅读(15188) 评论(0) 推荐(0)
网页滚动条样式 overflow 转
摘要：转自http://hi.baidu.com/uecd/home"一、首先来了解一下overflowoverflow：内容溢出时的设置，可以设置对象是否显示滚动条，overflow-x：指水平方向内容溢出时的设置overflow-y：指垂直方向内容溢出时的设置它们设置的值为visible、scroll、hidden、auto。visible是默认值。使用这个值时，无论设置的"width"和"height"的值是多少，其中的内容无论是否超出范围都会被强制显示出来。hidden效果与visible相反。任何超出"width"和&q 阅读全文
posted @ 2011-03-14 20:08 ndxsdhy 阅读(2439) 评论(0) 推荐(0)
css框架 grid.html 转
摘要：转自http://hi.baidu.com/yongqihejiqing/home"span-x:设置它的float:left;width:(x*40-10)px;margin-right:10px;border:设置border后时，padding-right:4px;margin-right:5px;border: 1px solid #eee;当它们同时设置时（CSS名字是：层叠样式表），所以margin-right:5px会覆盖上面的margin-right:10px;<div class="span-1 border"><p>phpzht@gmail.com& 阅读全文
posted @ 2011-02-18 14:10 ndxsdhy 阅读(386) 评论(0) 推荐(0)
精选15个国外最流行的CSS框架 转
摘要：转自http://www.microspaze.com/"CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。例如：typography.css基本排版规则grid.css基于网格的布局layout.css通常的布局form.cssfor表单样式general.css更多通用规则虽然对于小的WEB开发项目来说，CSS框架并不一定适用，但是对于规模较大的团队开发项目而言，CSS框架不仅能加快设计开发速度，而且还能有效解决网站改版中带来的诸多麻烦和问题。这里推荐的15款CSS框架是现在国外最流行的CSS框架，希望能对你的开发有所帮助！1 . 阅读全文
posted @ 2011-02-18 14:00 ndxsdhy 阅读(237) 评论(0) 推荐(0)
CSS框架汇总 转
摘要：转自http://www.21andy.com/blog/"CSS框架之一YAML大家比较熟悉的是js框架，例如prototype、jQuery呀。其实XHTML+CSS也是有框架的，最著名的可能就是YUI了，是yahoo开发 小组的。但是那个稍微有点庞大，而且牵扯到一些的JS框架。所以刚开始研究的时候可能稍微有点累。而这个yaml就比较单纯了。可能是现在还在发展初期所 以框架很简单，东西不多，对XHMTL+CSS框架感兴趣的可以去看看哦。在国内好像还没有那个朋友在做这个东西，如果你有兴趣，自己钻研一下说不定中国 的CSS框架之祖就是你了哦。呵呵。。网址：http://www.yaml.de/ 阅读全文
posted @ 2011-02-18 13:58 ndxsdhy 阅读(221) 评论(0) 推荐(0)
IE6下margin双倍边距Bug的处理办法 转
摘要：最近在学前端, 转自沈夕博http://hi.baidu.com/skillshen/"一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且 要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox { float: left; width: 150px; height: 150px; margin: 5px 0 5px 100px; /*外边距的最后一个值保 证了100像素的距离*/ }很简单，对吧？但是当我们在IE6中 阅读全文
posted @ 2011-01-25 20:02 ndxsdhy 阅读(5521) 评论(1) 推荐(0)
最佳网页宽度及其实现 转
摘要：最佳网页宽度及其实现作者：阮一峰日期：2008年7月27日1.设计网页的时候，确定宽度是一件很苦恼的事。以minifun.cn为例，根据Google Analytics的统计，半年多以来，访问者的屏幕分辨率一共有81种。最小的分辨率是122x160，这应该是手机；最大的分辨率是3360x1050，天知道是什么设备。一张网页要在大小如此悬殊的各种屏幕上，都呈现令人满意的效果，难度可想而知。举例来说，一张400px宽的图片，在800px的屏幕上会占据50%的宽度，而在1920px的屏幕上（Windows Vista的流行设置），只占据20%。2.目前，常见的屏幕分辨率宽度大概有6种：800px，1 阅读全文
posted @ 2011-01-16 20:49 ndxsdhy 阅读(280) 评论(0) 推荐(0)
css 鼠标移动到按钮图片改变
摘要：在网上发现了很多的方法，有的是用js，这里用了一个比较简单的css的方法，很实用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta ... 阅读全文
posted @ 2010-07-28 13:13 ndxsdhy 阅读(7213) 评论(0) 推荐(0)
css 让两个div重叠
摘要：做网页的时候在div里放了一个别的网页的天气插件，但是点击了会跳到广告页面的，想去网上找个禁止div点击的方法，可是发现没有，用了js的方法好像也没有成功，后来觉得还是用两个层重叠的方法来阻止点击，虽然定位是有点麻烦<div style="position:relative"> <div style="position:absolute;left:0;top:0"><... 阅读全文
posted @ 2010-07-25 02:50 ndxsdhy 阅读(71708) 评论(4) 推荐(0)