CSS3的calc()使用

calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直没有深入,也没有自己去测试过。今天花了一下午的时间彻底学习了一下calc()。于是就有了这篇blog,希望对大家有所帮助。

使用CSS3的appearance属性改变元素的外观

前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用“appearance”属性,来改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成“输入框”、“选择框”等效果。那么今天在这篇文章中我们一起来体会一下“appearance”的使用。

关于firefox浏览器14.0.0升级

firefox浏览器从14.0.0升级后,css3会出现一些变化,导致一些原本正常运行的实例,突然变成乱起八糟的,很是揪心啊。

到目前为止,影响我的有两个,第一个是transform里面的skew属性,以前是可以这么写的-moz-transform:skew(10deg,5deg);10deg表示x轴方向,5deg表示y轴方向,现在从firefox14.0.0开始已经不可以了,得写成skewX或skewY,分别表示x轴,y轴。所以现在应该是这么写-moz-transform:skewX(10deg) skewY(5deg);

另一个的是关于行内元素的动画部分,你可以访问css解决方案的首页,右上角有片叶子形状的w3cplus,如果你用firebug加上display:inline-block;就会发现它原来是可以运动的,原先设计的时候本来就是可以运动的,只是火狐升级后,对于这个行内样式的动画不动了,而谷歌浏览器以前也没有运动的迹象,现在如果你加入display:inline-block;会发现原来也可以动,这个不清楚什么原因,难道是行内元素的动画有问题?望高手可以解释一二。

2012年优秀jQuery插件连载(五)

2012年优秀jQuery插件连载(五)
W3cplus自改版以来,陆续为大家推荐了近四十款不同的jQuery的优秀插件,这些插件在平时的Web制作中所起的作用也是各式各样,同时也能帮不少同学解决项目中急需的功能效果。如果你对这些插件感兴趣的话,可以仔细阅读,当然你要是不喜欢jQuery插件,我也建议您花那么一顶点时间了解一下,因为里面有些插件的功能创意是非常有意思的。今天我要为大家继续推荐另外十款插件,希望大家喜欢,更希望对同学们的学习与工作有所帮助。

css3 go重磅出击

css3 go借鉴于zen garden,旨在基于同一套html代码,用css3来完成丰富的效果,往简单点说,就是换肤吧。毕竟css3还不是很成熟,需要我们去做很多尝试,大家一起使劲,把各自积累的经验分享下,这样大家学习的成本也会大大降低,同时也一起促进了css3的发展。

最近在网上看了“十年体”,说的是一个男生因为女友给出不可能在一起的理由而奋斗十年将这个“不可能”的理由实现的故事。借此十年体,我给css3 go起了一个口号——十年磨一剑,今朝展锋芒。到底css发展了几年才演变成如今的css3,我也不知道。抛开时间不说,奋斗才是根本,将不可能转成可能,没有以后,就在今朝。只有大胆的去用,我们才能发现问题,如果天天束缚于ie6-8,也许过个一两年你就会拍着脑袋说当初怎么就没有好好去去学点呢。

CSS解决方案

CSS解决方案

很早就想写这篇博文,但碍于时间的关系一直没有动工,今天趁着发布《CSS解决方案》的机会和大家聊聊。W3cplus在大家的支持和鼓励下,就快到两周岁了。回想起这两年来走过的路程,我感到很欣慰,在打理W3cplus过程中让我学到了很多东西,也让我认识了很多新老朋友,他们给了知识的源头,给我了学习的动力,给了我支持与鼓励,借此机会我感谢这些朋友,真的谢谢你们,因为有了你们才有了今天的我,在今后的日子里我会更加的努力。

HTML特殊字符速查表

html特殊字符速查表

HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。

editplus打造快速编写html&css

本来写这篇文章,我可以有很多废话,但是很多都过去了,言而总之下:我暂且给这个方法起个名字,叫做“为之法”,因为有了这篇文章,很多人的想法会豁然开朗,那样有了个名字交流传阅起来就方便多了。

本方法依托于editplus的自动完成,相信有一部分人还是玩过这个编辑器的,也知道里面有个叫做自动完成的东西,也许还正在使用呢,但是也有不知道的,可大家都是知道代码片段的,这个东西很好,ctrl+c,ctrl+v就可以了,很方便。现在有了这个editplus的自动完成,那个ctrl+c和ctrl+v应该是可以退休了。

好了,我们先说下用editplus来编写html。

2012年优秀jQuery插件连载(四)

2012年优秀jQuery插件连载(四)
2012年优秀jQuery插件在前几期中总共发布了30个优秀的插件,涉及的范围也很广,有制作动态页面的效果,有幻灯片效果,有文字特殊效果等等。根据相关统计显示,这几篇文章还是很受欢迎的,也就是说有很多同学和我一样也想了解这些jQuery插件。是的,我收集这些插件目的就是为了能和大家一起分享使用这些插件,或者说直白了一点,我不懂js,我只能用这些千奇百怪的插件帮助我完成我的工作。今天我继续为大家推荐10款新的jQuery插件,希望大家能喜欢,更希望这些插件能帮助大家。如果您有什么好的建议,也可以给我们留言,或者有好的插件分享也可以给我们留言,我们会统一发布,与更多的同学,与更需要的朋友一起分享您的资源。

20个极具创意的简洁型网站设计

20个极具创意的简洁型网站设计

国内的Web设计给我一种感觉,页面花哨,查找信息复杂。却忽略了一种美,这种美就是简洁。简洁网站设计越来越多的运用于所有网页。为什么?因为传递信息有时不需要包装的那么花哨。现在很难做的事情并不是复杂的东西,而是简单的事情。 一个成功的关键可能是把一个信息简单的发送给用户,而不是让用户花费数小时在你的Web上寻找正确的信息。今天为大家介绍Riz提供的20个简洁型网站设计,希望大家能在这里寻找到自己的设计灵感。

页面

返回顶部