金色的骷髅 发表于 2015-1-15 22:57:56

来讲讲:CSS基本教程:CSS把持超链接款式详解

有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等
破洛洛文章简介:本文将解说经由过程css款式或经由过程css来把持超链接款式。这里次要讲笔墨范例的超链接,超链接的款式包含经由过程CSS来把持设置超链接有没有下划线、超链接笔墨色彩等款式。
用CSS把持超链接款式-css超链接
本文将解说经由过程css款式或经由过程css来把持超链接款式。这里次要讲笔墨范例的超链接,超链接的款式包含经由过程CSS来把持设置超链接有没有下划线、超链接笔墨色彩等款式。
甚么是超链接?
超链接普通地指从一个网页指向一个方针的毗连干系,这个方针能够是另外一个网页,也能够是不异网页上的分歧地位,还能够是一个图片,一个电子邮件地点,一个文件,乃至是一个使用程序。而在一个网页顶用来超链接的工具,能够是一段文本大概是一个图片。当扫瞄者单击已链接的笔墨或图片后,链接方针将显现在扫瞄器上,而且依据方针的范例来翻开或运转。
超链接的代码
<ahref="http://www.poluoluo.com/"target="_blank"title="关于divcss的网站">DIV+CSS</a>
剖析以下:
href后跟被链接地点方针网站地点这里是http://www.poluoluo.com/
target
_blank--在新窗口中翻开链接
_parent--在父窗体中翻开链接
_self--在以后窗体翻开链接,此为默许值
_top--在以后窗体翻开链接,并交换以后的全部窗体(框架页)
title后跟链接方针申明,也就是超链接被链接网址情形扼要申明,或题目
CSS可把持超链接款式-css链接款式以下
a:link是超等链接的初始形态
a:hover是把鼠标放上往时悬停的情况
a:active是鼠标点击时
a:visited是会见事后的情形
超链接款式案例
1、一般对全站超链接款式化办法
a{color:#333;text-decoration:none;}//对全站有链接的笔墨色彩款式为color:#333;并当即无下划线text-decoration:none;
a:hover{color:#CC3300;text-decoration:underline;}//对鼠标放到超链接上笔墨色彩款式变成color:#CC3300;并笔墨链接加下划线text-decoration:underline;
2、经由过程链接内设置类把持超链接款式css办法
案例超链接代码<ahref="http://www.poluoluo.com/"class="poluoluocom">CSS</a>
对应CSS代码
a.poluoluocom{color:#333;text-decoration:none;}
a.poluoluocom:hover{color:#CC3300;text-decoration:underline;}
经由过程如许的设置能够把持链接内的css类名为“poluoluocom”超链接的款式
3、经由过程对应超链接外的父级的css类的css款式来把持超链接的款式
案例超链接代码<divclass="poluoluocom"><ahref="http://www.poluoluo.com/">CSS</a></a>
对应CSS代码
.poluoluocoma{color:#333;text-decoration:none;}
.poluoluocoma:hover{color:#CC3300;text-decoration:underline;}
这里值得注重的是a.poluoluocom与.poluoluocoma的款式css代码区分
这里就是罕见的经由过程divcss来对超链接款式设置案例及剖析。
</p>
大大缩减页面代码,提高页面浏览速度,缩减带宽成本;

admin 发表于 2015-1-26 22:12:11

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

老尸 发表于 2015-2-5 04:31:34

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

金色的骷髅 发表于 2015-2-11 05:47:23

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

只想知道 发表于 2015-3-1 23:35:07

由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。

飘飘悠悠 发表于 2015-3-11 03:09:05

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

第二个灵魂 发表于 2015-3-17 21:09:43

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

冷月葬花魂 发表于 2015-3-25 06:02:10

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
页: [1]
查看完整版本: 来讲讲:CSS基本教程:CSS把持超链接款式详解