Ronnie 猫's 一亩三分地

关注前端技术,一直走在追随前端的路上…For Long Time

Category Archives: CSS样式

【转】征服高级CSS选择器

今天在前端观察上面再次看了一次这篇文章,觉得受益还是很多,为了不忘记,特意转载:

本文来自前端观察

作者:神飞

原文地址:http://www.qianduan.net/taming-advanced-css-selectors.html

 

CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。但是尽管事实上,我们每个人也都意识到了它是有用的,CSS 选择器远未发挥它们的潜力,有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。 阅读余下文章

Advertisements

HTML5 CSS3实现圆角样式,兼容所有浏览器

我承认我有点标题党了,IE6由于没有测试机器,所以不知道兼容与否,有同学有IE6的帮忙测试下。

后期会陆续放出一些常用的部分圆角,先看button和一个类似panel的容器。 阅读余下文章

CSS3:border-radius详解

CSS3里面有border-radius这个属性,大大的简化了前端工程师们在开发圆角的难度(默认忽视IE6–IE8)

下面就对CSS3中的border-radius属性解释:
border-radius的含义是:圆角。

阅读余下文章

[转]不要告诉我你懂margin(有点嚣张的标题)

本文出自: 海玉的博客
原文地址: http://www.hicss.net/do-not-tell-me-you-understand-margin/

你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用 padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪 些?……

写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算写下这篇文章,一来是自己工作中的总结,也是对自己知识的一次梳理。 阅读余下文章

[转]:nth-child 和 :nth-type-of 的区别

来自:前端观察:http://www.qianduan.net

原文:The Difference Between :nth-child and :nth-of-type

译文::nth-child 和 :nth-type-of 的区别

假设有以下 HTML 代码:

<section>
     <p>Little</p>
     <p>Piggy</p>  <!--目标元素-->
</section>

阅读余下文章