css3新增的box-sizing属性完美解决div并排占位问题

原创 类别:CSS 作者:唠吧小站 发表时间:2015-06-24 18:27:33
当多个div并排的时候通常我们会设置div的宽度并且设置float就可以了。但是如果div设置了宽度 margin和padding宽度的时候往往会出现重新换行的bug, 在css3协议了新增了一个box-sizing属性来解决这个问题。 例如两个宽度50%的div要并排的时候如果给div设置了边框......

html5+css3 三步让网站变成相应式设计

转载 类别:css3 作者:老修 发表时间:2014-05-15 14:35:09
html5和css3已是大势所趋, 特别是手机等移动终端的流行, html5+css3的优势越来越明显, 响应式网页设计这个术语,由伊桑马克特提出, 对于前端设计师,学好用html5、css3做响应式网站是势在必行。...

手机浏览器用css设置图片自适应大小

原创 类别:css3 作者:老修 发表时间:2014-05-13 03:54:42
手机浏览器(移动站点)图片自适应的css代码:手机页面不像pc网站, 尽可能避免使用js脚本, 以避免不同的手机浏览器出现"水土不服".你可以用手机浏览器访问老吧的一个页面测试一下这个手机网页的图片自适应大小: http://m.lao8.org/a50...

css3在不同型号手机浏览器上的兼容一览表

转载 类别:css3 作者:老修 发表时间:2014-05-08 01:46:42
html5和css3越来越流行了, 但是不同的浏览器对css3的兼容情况是不同的, 我们尽可能的了解不同操作系统的手机比如苹果/安卓和winphone浏览器对css3以便不同用户都能得到比较好的访问体验....

美化图片: CSS3 给图片加圆角和阴影实例

原创 类别:css3 作者:老修 发表时间:2014-04-14 03:42:36
美化图片不再那么麻烦, 图片圆角效果, 加个阴影, 只要几行代码搞定, css3给美工生了不少的时间, 省时省力老修花一段时间做了这个css3图片阴影和圆角的效果仅供参考, 当下并不是所有的浏览器都支持这这个效果, 但xp已判死刑, win7下IE9内核已是不可挡, css3时代来临....

css 背景图片定位兼容性

原创 类别:css 作者:老修 发表时间:2013-06-20 11:14:51
css定义背景图如下:   #divid {background:url(/imgsrc.jpg) top left;}   css定义背景图片的时候有时候会发现图片定位在非ie浏览器中会不起作用,实际上图片定位的css顺...

css控制鼠标样式

原创 类别:css 作者:lao8 发表时间:2010-06-26 15:53:00
用css控制鼠标在网页上显示的样式,比如当鼠标移上去之后显示为手型,这些鼠标样式都可以用css来控制的,具体请参照下文:...

css控制过大的图片自动缩放

原创 类别:css 作者:lao8 发表时间:2010-05-22 03:06:00
我们经常会遇到这样的问题,文章中的图片太大就会撑破页面破坏网页效果。一般采用js脚本来控制,但是js要写很长一串,现在我们用CSS脚本来控制图片自适用大小,利用CSS来控制图片自适应大小。老吧已经测试过了支持firefox3.6.4版、IE8、Maxthon 2X 浏览......

div显示滚动条和控制滚动条属性的css代码

原创 类别:css 作者:lao8 发表时间:2009-06-09 15:44:00
div显示滚动条的css代码 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> 效果如下: 显示滚动条的代码 ......

css控制DIV透明度

原创 类别:css 作者:lao8 发表时间:2008-01-21 18:22:00
我们可以用CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。...

站内搜索

分门别类