仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 704|回复: 7
打印 上一主题 下一主题

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

[复制链接]
金色的骷髅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:57:56 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有了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 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
只想知道 该用户已被删除
5#
发表于 2015-3-1 23:35:07 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
飘飘悠悠 该用户已被删除
6#
发表于 2015-3-11 03:09:05 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-17 21:09:43 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
冷月葬花魂 该用户已被删除
8#
发表于 2015-3-25 06:02:10 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-20 07:24

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表