Dreamweaver教程: 定义CSS样式链接状态(1)

Dreamweaver教程: 定义CSS样式链接状态(1)

 

 

在CSS样式中,定义链接的各种状态,也是必须掌握的。绝大多数站点的CSS中定义了链接的各种状态。定义链接的各种状态,可以理解成定义锚标签a的各种状态。

a:link  没有接触过的链接

a:visited  访问过的链接。

a:hover 鼠标放在链接上的状态。

a:active 在链接上按下鼠标时的状态。

在接下来,将通过实例,让大家了解各种链接的状态,还有创建的方法。

1.       没有定义链接样式的网页。采用默认蓝色,下划线,文字也很大。

个人认为,设计精良的网站,都没采用这种默认的蓝色。下划线是为了容易分辨链接,但是如果链接很多,下划线反而不利于阅读。有一个好的导航就够了,所以也没必要使用下划线。

2.点击“CSS样式”面板右下角的“新建CSS样式”按钮。

3.在“类型“中选择“使用CSS选择器”。定义在“仅对该文档”。

4.点击“选择器”旁边的下拉按钮。弹出各种状态的锚标签。

 5.选择“a:link”标签。a:link是指没有接触过的链接。a:link表现的是链接的常规状态。

定义字体为宋体,修饰选择“无”就可以去掉下划线,行高为20像素,颜色为#333333灰色,以和文本默认的黑色有差别。

定义“a:link”标签样式后的网页。

6.选择a:hover标签。a:hover是指鼠标放在链接上的状态。

 

定义字体为宋体,大小为12像素,颜色为红色#FF3300。

在浏览器中,鼠标放在链接上面,链接变成红色。

 

             

 

推荐阅读

    Dreamweaver教程:版式设计

    Dreamweaver教程:版式设计,横排,导航栏,二行,教程,结构,常见,站点,Dreamweaver教程:版式设计 设计精美的网站,都

    Dreamweaver教程:建站初步(1)

    Dreamweaver教程:建站初步(1),教程,选择,输入,建站,站点,命名,空间,Dreamweaver教程:建站初步(1) 建立一个网

    Dreamweaver教程:使用锚

    Dreamweaver教程:使用锚,教程,文本,命名,文档,链接,文件,目标,Dreamweaver教程:使用锚 简明步骤:选中文本→在目标文档中插入锚标

    Dreamweaver教程:使用空链接

    Dreamweaver教程:使用空链接,链接,教程,属性,对象,文档,输入,附加,Dreamweaver教程:使用空链接 使用空链接可以为页面上的对象或文本附加

    Dreamweaver教程:最基本的CSS(2)

    Dreamweaver教程:最基本的CSS(2),教程,列表,执行,字体,宋体,方正,访问者,Dreamweaver教程:最基本的CSS(2) 第二部分:编辑字体列表。 1.单

    dreamweaver CSS使用教程:区块属性

    dreamweaver CSS使用教程:区块属性,属性,设置,文本,使用教程,显示,对齐,支持,dreamweaver CSS使用教程:区块属性 区 块 属 性 【定义

    dreamweaver CSS使用教程:定位属性

    dreamweaver CSS使用教程:定位属性,定位,属性,设置,显示,使用教程,滚动条,浏览器,dreamweaver CSS使用教程:定位属性 定 位 属 性  【

    Fireworks教程:对象的对齐

    Fireworks教程:对象的对齐,对齐,对象,教程,工具,选择,左对齐,组合, Fireworks教程:对象的对齐 选中多个对象后,使用“修改—对齐”下的各

    Fireworks教程:蒙版效果

    Fireworks教程:蒙版效果,修改,位图,图形,教程,对象,命令,删除,Fireworks教程:蒙版效果 蒙版又称为遮罩,是一种由最上层对象为下层对象提供

    删除幻灯片中的超级链接

    删除幻灯片中的超级链接,超级链接,删除,文件,链接,设置,动作,对象,删除幻灯片中的超级链接 现在有两种办法建立超级链接:一个是用动作设置,

    Excel 2016教程: 选择表格样式选项

    Excel 2016教程: 选择表格样式选项,选择,教程,选项,格式,显示,格中,工具,Excel 2016教程: 选择表格样式选项 选择表格样式选项以设置表格

    Excel 2016教程: 编辑查询步骤设置

    Excel 2016教程: 编辑查询步骤设置,查询,步骤,设置,显示,女士,教程,获取,Excel 2016教程: 编辑查询步骤设置 编辑查询步骤设置 (Power Que