天府星空- 成都网站建设公司6年品牌,专注高端网页制作设计

天府星空

当前位置:主页 > TAG标签 > 伪类
  • 用CSS3伪类target如何制作tab选项卡效果 日期:2013-03-02 04:07:51 点击:98 好评:0

    css3中增加了伪类:target, 用CSS Sprites加快网页加载速度 ,使用:target伪类可以让点击后的id有新的效果,好比改变色彩、位置等等。所以我们可以用它做良多效果,比如tab标签等等。 伪类:target的使用方式跟:link、:hover一样: selector:target{ color:#; /*other styles*/ } 利用target制作tab标签切换的原理是利用点击后改变容器的Y轴属性z-index的值。 Tag: CSS3 伪类 target Tab选项卡 CS...

  • 利用CSS3的checked伪类实现OL的隐藏显示 日期:2013-03-02 03:56:44 点击:174 好评:0

    input:checked + ol { background: url(toggle-small.png) 44px 5px no-repeat;margin: -22px 0 0 -44px;padding:27px 0 0 80px;height: auto;display: block; } 这个是讲当inoput 拥有了checked后它平级的OL拥有的款式。 跟着CSS3的宣布,国外研究正热火朝天,但在国内还有很多人抱着IE不支持CSS3的主意,始终金石为开不肯去学习。但是历史告知我们,好的东...

  • 分析最常用30个css选择器 日期:2013-03-02 03:56:11 点击:110 好评:0

    ::伪类用于给元素片断增加样式。比如一个段落的第一个字母或者第一行。需要注意的是,这个::伪类只能用于块状元素。 a href=path/to/image.jpg data-info=external image Click Me, Fool /a css代码 21. X::pseudoElement 兼容浏览器:IE9+、Firefox、Chrome、Safari、Opera 咱们也常常用它来实现肃清浮动,写法如下: a[data-filetype=image] { color: red; } 这样所有...

  • CSS伪类选择器nth-child() 日期:2013-03-02 03:43:54 点击:93 好评:0

    稍等!这跟odd是一样的!所以1就不必要屡次呈现了。当初,再看我们本来的例子就感到代码庞杂了些。我们可以用3n+0甚至3n取代3n+3. (3 x 0) = 0 = no match (3 x 1) = 3 = 3rd Element (3 x 2) = 6 = 6th Element (3 x 3) = 9 = 9th Element 等等 总的来说nth...

  • CSS3入门教程:target伪类简介 日期:2013-03-02 03:42:17 点击:111 好评:0

    /*layout styles*/ .tab_content { position: absolute;/*set content box as absolute*/ /*other layout styles*/ } #tab1:target, #tab2:target, CSS3入门教程(9):RGBA声明 , #tab3:target { z-index: 1; } CSS3 target伪类是众多适用的CSS3特征中的一个...

  • CSS3 target伪类简单介绍 日期:2013-03-02 03:41:52 点击:192 好评:0

    详细用法就是这么简单,在实际名目中大家就可以随便施展了 。 当初在页面中,点击一个ID链接后,页面只会跳转到相应的地位,然而并不会有比拟显明的UI标识, CSS3 RGBA颜色类型不等于RGB与opacity相加 ,使用:target伪类能够像:hover等伪类一样对目的元素定义...

    共1页/6条
推荐内容