CSS网页布局教程：CSS伪类定义3种方法

2016-02-19 23:40 2 1 收藏

下面图老师小编跟大家分享一个简单易学的CSS网页布局教程：CSS伪类定义3种方法教程，get新技能是需要行动的，喜欢的朋友赶紧收藏起来学习下吧！

【 tulaoshi.com - Web开发】

在CSS网页布局中，不可避免的会涉及到CSS伪类的问题。到底该如何正确的定义CSS伪类呢？虽然webjx中有很多相关的介绍，但复习一下也无妨。大家看下面的代码就能明白。

a.webjxcom{text-decoration:none;}
a.webjxcom:link{color:#f90;}
a.webjxcom:hover{color:#fff;background-color:#FF5900;}
a.webjxcom:active{color:#FF5900;}
a href="http://www.webjx.com/" class="webjxcom"第一种写法 - 网页教学网/a

a .nav2 {color: #777;text-decoration: none;}
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}
a href="http://www.webjx.com/"
span class="nav2"第二种写法 - 网页教学网/span
/a

.wwwwebjx a {text-decoration: none;color: #ccc; }
.wwwwebjx a:visited {color: #ccc;}
.wwwwebjx a:hover {color: #f60;}
span class="wwwwebjx"
a href="http://www.webjx.com/"第三种写法 - 网页教学网/a
/span

来源:https://www.tulaoshi.com/n/20160219/1630365.html

上一篇： CSS教程:网页中多个样式表顺序问题
下一篇： If through time through love倘若时光看透爱

看过《CSS网页布局教程：CSS伪类定义3种方法》的人还看了以下文章更多>>

CSS基础教程:CSS的Pseudo Classes 伪类

标签： Web开发

请你注意一些CSS伪类属性不被所有浏览器支持，但有四个伪类可以安全使用在链接上伪类像是指定选择器状态或关联选择器的门闩。它们的形式如：selector:pseudo class { property: value; }，在选择器和伪属性之间使用冒号。 link 没有点击过的链接 visited以点击过的链接 active获...

CSS3教程:新增加的结构伪类

标签： Web开发

相关阅读文章：CSS3属性选择符介绍 4.7.3 结构伪类（Structural pseudo-classes） CSS 3增加了大量的结构伪类，利用文档结构树来实现表现，从而可以减少页面内class属性和ID属性的定义，使得文档更加简洁。 1. E:root 匹配文档的根元素。在(X)HTML中，根元素就是html元素。例如： :root { border: 1px solid blue; } 在(X)HTML...

CSS基础教程:CSS网页布局Page Layout

标签： Web开发

使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。 Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixed。 static是元素默认属性，按HTML出现的先后顺序。 relativ...

CSS代码中注释的3种方法

标签： Web开发

1、选择器（child selector）如果你想在IE中隐藏一个CSS定义，可以使用子选择器。 css部分： htmlbody p { /* declarations */ } 2、通配符(*)这种写法只有IE浏览器可以理解（对其他浏览器都隐藏） css部分： * html p { /* declarations */ } 3、反斜线(\)如果你希望IE/Win有效而IE/Mac隐藏，可以使用反斜线技巧。 css部分： /* \*/ * ht...

CSS实例：CSS实现的等高网页布局

标签： Web开发

为了让网页更美观、协调，有的时候需要用到左右等到布局，传统的等高布局是用 javascript 实现的，现在来看看 silence 发明的真正的 CSS 实现的等高布局，其方法主要是采用隐藏容器溢出、正内补丁和负外补丁结合的方法实现的。下面来看看实际的例子（三列等高），以下面的 XHTML 代码为例： div id="wrap" div id="left&qu...

查看更多精彩>>