摘要:一、【语法】Flex-弹性布局(注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。) 二【兼容性】display:flex; 定义在父元素上,子元素会成为--行元素 三【兼容性】flex-direction: row | row-reverse |
阅读全文
摘要:下面我将用几个典型的实例来给大家讲解:nth-child的实际用途: Tips:还用低版本的IE浏览器的哥们请绕过! :nth-child(2)选取第几个标签,“2可以是你想要的数字” :nth-child(n+4)选取大于等于4标签,“n”表示从整数,下同 :nth-child(-n+4)选取小于
阅读全文
摘要:推荐::::方法一,使用:first-child 纯css的:first-child伪类就可以胜任此任务,操作很方便,代码量忽略不计。支持IE7+,不支持IE6 :first-child /:last-child伪类向元素的 第一个 / 最后一个 子元素添加样式。 延伸:li:nth-child(2
阅读全文
摘要:用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。 不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari: IE: filter:alpha(opacity) Mozilla: -moz-opacity Safari: -
阅读全文
摘要:一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比 例(init...
阅读全文
摘要:transition语法:1 transition : [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值:执行变换的属性:transition-property;变换延续的时间:transition- duration;在延续时间段,变换的...
阅读全文
摘要:一、线性渐变在 Mozilla 下的应用 语法:1 -moz-linear-gradient( [ || ,]? , [, ]* )参数:其共有三个参数,第一个参数表示线性渐变的方向,top 是从上到下、left 是从左到右,如果定义成 left top,那就是从左上角到右下角。第二个和第三个参数...
阅读全文
摘要:渐变一、CSS3的径向渐变效果图网址:http://www.spritecow.com 图像拼接技术CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。html代码:1 Hold the front page2 Now you get...
阅读全文
摘要:transitions:property duration timing-function;transitionst他有三个参数:1)property:属性设置,例如background,color等。2)duration:执行时间, 例如1s, 0.5s等。3)timing-function:动画...
阅读全文
摘要:解决方案:IE9以下旧版本浏览器不支持新的语义化标签。其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样。(放在header部位)1 最后在css里面加上这段:1 /*html5*/2 article,aside,dialog,footer,header,section,foot...
阅读全文