玫瑰余香20100615的专栏

text-overflow属性配合其他属性可实现省略号效果： text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（o

下面是本人临摹jquery ui 页面写的，这个过程对本人有很大启发，建议有时间的人，都自己看一遍。 css框架 body{ font:62.5% "微软雅黑", "黑体","Trebuchet MS",sans-serif; margin:50px; } .demoHeaders{ margin-top:2em;} #dialog-link{ text-decor

Universal vertical center with css #outer { height:300px; width:300px; overflow:hidden; position:relative; text-align:center; } #outer[id]{ display:table; position:static; } #middle{ po

设计一个网站，布局可能是最生要的元素之一。当你网站的用户理解你的布局和喜欢上你的网站布局，他们用起来很开心，这样用户会在你的站点呆的时间更长，甚至会定期访问你的网站。我们通过导航能浏览一些高质量的内容，但由于网站混乱的设计和完全乱套的布局，我们第一反应，那就是尽可能快的离开这个网站。 从小屏幕（240px）到超大的屏幕（1920px以上）,没有一个标准的布局可以适合这些不同屏幕的尺寸。到目前

1.text-incident：-10px 文本首行缩进的意思，现在好多都用于使文本缩进到页面之外。只是这个css只用于块级元素，所以需要给使用他的元素加上display：block；或者float：left；

随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不

随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 准备工作1：设置Meta标签

尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。 但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，