随笔分类 -  css3

摘要：CSS3 伪类选择器 nth-child() 的用法伪类选择器 nth-child() 在IE6-8和FF3.0-浏览器不支持,CSS3中nth-of-type(n)（比如nth-of-type(1)）这个特殊的类选择符可以样式更加 个性的标题和段落等，不过，目前nth-of-type(n)只支持火... 阅读全文

摘要：响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，... 阅读全文

摘要：Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。Safari 需要前缀 -webkit-。注释：Internet Explorer 9 以及更早的版本，不支持 transition 属性。注释：Chrome 25 以及更早的版本，需要前缀 -webkit-。CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。必须规定两项内容：规定您希望把效果添加到哪个 CSS 属性上规定效果的时长实例应用于宽度属性的过渡效果，时长为 2 秒：div{transition: width 2s;-moz-transition: widt 阅读全文

摘要：CSS3 边框border-radiusbox-shadowborder-imageInternet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox、Chrome 以及 Safari 支持所有新的边框属性。注释：对于 border-image，Safari 5 以及更老的版本需要前缀 -webkit-。Opera 支持 border-radius 和 box-shadow 属性，但是对于 border-image 需要前缀 -o-。CSS3 圆角边框div{border:2px solid;border-radius:25px;-moz 阅读全文