-
2014-03-28
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体多分辨率的样式表。
我们先来看下CSS3 Medi…
http://www.wfuyu.com/htmlcss/7156.html
-
2013-11-13
网(LieHuo.Net)教程 又一个漂亮的CSS仿支付宝菜单,总体风格和形式与支付宝的菜单没什么两样,细心会发现这是一个CSS爱好者自己手功完成 的,自己美化图片,重写CSS代码,为作者给我们奉献这么好的菜单而表示感谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"…
http://www.wfuyu.com/htmlcss/7136.html
-
2013-11-07
网(LieHuo.Net)教程 CSS制作圆角有立体感的DIV边框,没有使用任何的修饰图片哦,感觉酷棒,如果对颜色不满意,可以自己改,不过要注意颜色之间的色差,要不然效果不理想。其实不用图片的话网页加载非常快,不过CSs定义略显麻烦些。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans…
http://www.wfuyu.com/htmlcss/7119.html
-
2013-10-17
概述 CSS表达式会降低浏览器的渲染性能;用其他方案替换它们将会改善IE浏览器的渲染性能。 注意:本节最佳实践只适用于Internet Explorer 5到7,它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式,而其他浏览器是不支持的。 详细信息 作为一种动态改变文档属性来响应各种事件的的手段,In…
http://www.wfuyu.com/htmlcss/7083.html
-
2013-10-08
这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉,但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性,我指的是旧的 CSS2 中的属性,如:clip,min-height,white-space,curosr 和 display 等一些被所有浏览器广泛支持的属性。因此,千万不要错过这篇文章,因为你可能发现它们竟有如此…
http://www.wfuyu.com/htmlcss/7068.html
-
2014-04-26
最近经常玩腾讯微博,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px)欠考虑!看了腾讯的,下午就学了一下css3的东东!打算以后的项目中也逐渐引入css3,因为他很酷,虽然ie不支持!1.…
http://www.wfuyu.com/htmlcss/7065.html
-
2014-01-29
CSS 网页布局实例:横向分栏水平居中的实现
CSS 横向分栏布局实例,在内容显示区,因为元素未定义高度,所以必须添加内容,才能更好地显示元素的位置。也就是给正文显示区更大的余地,让内容决定正方的高度,因为本布局实例就是横向不变竖向变,以满足不同的布局需要。
提示:只是简单…
http://www.wfuyu.com/htmlcss/7042.html
-
2013-11-14
在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽,于是便想到了用div+Css的方法实现这一效果。
【效果图】
总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并用Css控制位置,其中的z-index…
http://www.wfuyu.com/htmlcss/7034.html
-
2014-04-10
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。
CSS技巧
1.div的垂直居中问题
…
http://www.wfuyu.com/htmlcss/7027.html
-
2014-04-08
译自:Quick Tip: Understanding CSS3 Gradients 中文:理解CSS3渐变请尊重版权,转载请注明来源,多谢!
为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能还必须这样做,但是希望不会持续太久。多亏Firefox 和Safari/Chrom…
http://www.wfuyu.com/htmlcss/7026.html