CSS3之渐变效果
摘要:在css3出来之前,想要出现渐变效果必须就要制作一张图片。不过css3的出现使得渐变效果变得简单。由于不是所有的浏览器都支持css3,所以不是所有的浏览器都能够呈现出css3的效果出来。因此目前大部分还是需要制作图片的提现渐变的。 目前Mozilla内核的(Firefox)和Webkit内核的(Chrome和Safari)浏览器支持这一属性。不过两者对于渐变的语法是有些差异的。Webkit内核:它是第一个支持渐变的浏览器内核。它的实际用法:-webkit-linear-gradient( [ || ,]? , [, ]* )//最新发布书写语法;-webkit-gradient(, [,...
阅读全文
CSS伪类对象before和after的用法
摘要:一直感觉这两个伪类对象不是很重要,并且IE对它两兄弟并不支持,所以也没有怎么静下心来研究,只有在清楚浮动clearfix的时候会用到哈,其他都很 少用!不过最近在研究css3的时候觉得它两个的搭配不仅能够减少代码量并且能整出很巴适的效果,所以就来研究研究哈!一、先来看哈他们的定义哈!1、selector:before( sRules ) 它要和content属性一起使用,设置在对象前(依据对象树的逻辑结构)发生的内容;2、selector:after( sRules ) 和before用法一样,不过它是设置在对象后(依据对象树的逻辑结构)发生的内容;看例子容易理解些!after我是里面的内容.
阅读全文
BFC与hasLayout之间的故事
摘要:刚拒绝了一个很有诱惑的公司,不是不想去,而是对现在的能力还不确定,希望能够进一步提高自己的技能,所有想写博客了,监督自己的学习进度·········现在还没有开放博客,希望成熟一些后再开放吧! 进入正题啦啦啦!一、什么是BFC(Block Formatting Content)? IE用的是hasLayout而非IE浏览器用的即是BFC(块格式化上下文)1、BFC是W3C CSS2.1中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素之间的关系和相互作用。在创建了BFC的元素中,其子元素会一个
阅读全文