“CSS相关”目录存档

了解:使用CSS namespace进行分隔

2012年02月16日,星期四

一个XML文档可能包括来自多个XML词汇表的元素或属性,如果每一个词汇表指派一个命名空间,那么相同名字的元素或属性之间的名称冲突就可以解决。举一个简单的例子来说,在一个订单的XML文档中需要引用到客户和所购买的产品,customer元素和product元素可能都有一个叫做id的子元素。这时候要引用id元素会造成名称冲突,但是如果将两个id元素放到不同的命名空间中就会解决这个问题。

命名空间的声明就是将一个前缀与一个URI关联起来。

声明命名空间时,可以为命名空间定义前缀(见前例)。为命名空间定义前缀,而不直接使用命名空间的URI是因为URI为了唯一通常会很长,直接使用URI不但造成书写和阅读的不便,还会扰乱XML的语法。声明命名空间时,也可以不定义前缀。如……

阅读全文…

您可能不知道的CSS元素隐藏“失效”以其妙用

2012年02月14日,星期二

在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。然而,其中有些隐藏方法会出现“失效”的情况。而这些“失效”的情况往往会有一些和巧妙的应用。本文就是介绍这些“失效”情况并列举了其一些比较巧妙的应用。一如既往,demo页面,截图,必要的代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

display:table-cell自适应布局下连续单词字符换行

2012年01月18日,星期三

摘要我实在懒得写了,身心有些疲累啊。大致内容就是标题所示的啦。对于部分同行来讲,可能没什么用。其一不怎么关注和使用自适应布局,二是关注和使用自适应布局使用的大多不是display:table-cell方法。
但是,毕竟目前这方面的文章还不是很多,相信会对需要帮助的人提供一些小小帮助的。若果真如此,实在太好不过了。

阅读全文…

CSS radio/checkbox单复选框元素显隐技术

2012年01月6日,星期五

我们使用CSS一些特殊的选择器,然后配合单选框以及复选框自带的一些特性,可以实现元素的显示隐藏效果。然后通过一些简单的扩展,我们可以不使用任何JavaScript代码实现类似:自定义的单复选框,“更多”展开与收起效果,选项卡切换效果,或是多级下拉列表效果等等。
本文将通过列举几个简单示例对这一技术做简单介绍。同样的,有demo,有截图,有源代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

absolute元素在text-align属性下的对齐显示

2011年12月27日,星期二

本文简单研究了下CSS中 text-align属性与position属性之间的关系。通过一些实例论述一些观点,并引申出一些实际的应用。截图很详尽,还有必要的demo以及源代码展示。其他就不多说了,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tip:CSS3下的圆形遮罩效果实现与应用

2011年12月23日,星期五

本文展示下如何使用单纯的CSS实现遮罩效果,并列举一个实例看看该技术在实际项目中的应用。一如既往,提供demo页面,丰富的截图和必要的源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

JS前端验证与用户自由思想

2011年12月21日,星期三

偏理论的文章,主要讲述用户自由思想下的前端验证模式。本文有文字,有丰富的截图以及实例。其他话就不多说了,一些个人的观点,一些不同于当下主流的见解,希望能有所启示。

阅读全文…

CSS3 @font-face实现颜色大小可控的三角效果

2011年11月19日,星期六


本文介绍如何使用CSS3 @font-face实现颜色可随意控制,大小可随意控制,支持CSS3文字阴影和文字渐变效果,与文字等天然对齐且兼容性良好的三角的实现。可以说是本月比较重量级的文章,配以大量的截图示意。提供必要的demo页面以及源代码展示,以及一些字体的下载。不管怎样,希望本文的内容能够对您的学习有所帮助。

阅读全文…

拾人牙慧:不同浏览器如何渲染不同border-style值

2011年09月29日,星期四

本文更多的是展示。展示不同浏览器如何渲染不同border-style值的。内容还是比较受用的。其他我就第一次先不说什么了。

阅读全文…

小卖弄:纯CSS实现图片滚动播放效果

2011年09月21日,星期三

网站的首页经常或有广告位图片滚动展示的效果,主流网站上都是使用Javascript实现的。实际上,在CSS3的世界里,我们可以完全摒弃Javascript实现类似的效果。而本文的内容就是展示于简单介绍如果使用CSS3实现图片滚动动画展示效果。提供demo页面,必要截图和源代码展示,希望能对您的学习有所帮助。

阅读全文…