学习CSS使用技巧教程(7)连接属性

css|技巧|教程

　　上一节：文字属性

　　连接属性

　　在 HTML 文件里的超连接文字经过浏览器的解释后都会以加下划线的方式来显示，并没有动态的效果，通过 CSS 之 Anchor Pseudo Classes，大家可以将超连接文字的显示方式做到几种不同的变化。

　　例如：<A HREF=http://www.webjx.com>www.webjx.com</A>

　　以上的超级连接经过在浏览器页面上是以加下划线的方式显示。 但如果利用 CSS 之 Anchor Pseudo Classes 则可以做出动态的效果，其标签如下：记得两个属性见 " ; " 隔开，详细属性值设定请参阅 CSS 常用属性 ( Properties ) 与设定值一览表。

原始代码 A:link{color:blue; font-size:9pt; text-decoration:none}
A:visited{color:blue; font-size:9pt; text-decoration:none}
A:hover{color:red; font-size:9pt; text-decoration:underline}
A:active{color:red; font-size:9pt; text-decoration:underline}
显示结果 Click Here !

　　属性分类

　　A:link 是代表普通状态的连接
　　A:visited 是代表访问过的连接
　　A:hover 是代表鼠标移到连接
　　A:active 是代表按下去连接
　　color 是代表连接颜色
　　font-size 是代表连接文字大小，适用 point(pt) 或是 pixels(px)
　　text-decoration 是代表文字样式，none 代表没有下划线

时间： 2024-08-27 22:33:53

学习CSS使用技巧教程(7)连接属性的相关文章

学习CSS使用技巧教程(6)文字属性

css|技巧|教程 上一节:自定义类别 文字属性 文字属性是可以设置文字的颜色.大小.字型.粗细等等. 原始代码 <STYLE>SPAN.c1 {color:red;position:relative;font-size:12px;font-family:Arial;font-weight:700}SPAN.c2 {color:blue}SPAN.c3 {color:green}SPAN.c4 {color:pink}</STYLE> <SPAN CLASS=c1>A&

学习CSS使用技巧教程(2)分项声明

css|技巧|教程 上一节:整体声明 分项声明 搞懂了基本声明和整体声明后,现在要来谈谈分项声明了,这个内容基本上不用多讲,因为并没有什么特别的用法,看看下例就知道了: <style type="text/css"> body{font-size:9pt; font-color:red}body{font-family:宋体; background:white} </style> 你会发现,我们同时对标签做了两次声明,对!这就是我们今天要讲的分项声明,也就是说,

学习CSS使用技巧教程(5)自定义类别

css|技巧|教程 上一节:单独调用 自定义类别 今天讲的有一个新知识"类别".其实,这知识并不陌生!回想一下,在 HTML 标签中,有个属性叫 class,当时没有解释这个属性是干什么用的.其实,不是不解释,而是解释了也不会用,所以就暂时没有说,等到了今天.这个 class 属性,所以将之解释为"类别"属性,它有什么作用呢?它能够让我们在不同的标签中使用相同的 CSS 设定,举个例子如下: 我们在读书的时候,常常看到课本上有重点的地方,用红色或其它颜色标明.如果,

学习CSS使用技巧教程(4)单独调用

css|技巧|教程 上一节:外部调用 为什么要单独调用呢? "单独调用"就是加入STYLE属性.就是将CSS声明套用在单独的一个网页元素上(任一个文字.图片.表格...等,都是网页元素),此时,CSS将不再以一个样式表来显示结果了,而是利用STYLE属性加到标签中.为什么要"单独调用"CSS?原因是:比较灵活...举个简单的例子,我们希望让输入的表单的底色不使用白色了? 关于Style属性 其实,几乎每个 HTML 标签都有其各自的属性,例如 <p align

学习CSS使用技巧教程(1)整体声明

css|技巧|教程 整体声明的方法 1. 基本上,整体声明有两种方法,第一种就是针对一个标签,然后一次设定好几个样式.第二种就是同时对好几个标签设定相同的样式.下面这个例子就是:"针对一个标签,然后一次设定好几个样式": <stype="text/css"> body{font-size:9pt;font-color:red;background:white} </style> 2. 你会发现,我们同时声明了:字形大小为 9pt.字形颜色为红

学习CSS使用技巧教程(3)外部调用

css|技巧|教程 上一节:分项声明 外部引用的优点 为什么要把CSS声明做成一个CSS文件呢?这样做的好处有三个. 第一个好处,网页处理速度会更快一些,尤其在有很多网页共用一份CSS样式表时更为好用!因为你不用为每一页都写同样的CSS代码,网页自然就会更瘦一些轻快一些. 第二个好处是,可以防止一些电脑程度较低的使用者直接看到CSS语法(就是有人不喜欢被看见语法),当然指的是无法直接看到,而非无法看到,稍微有点能力的,要查看CSS文件的内容简直是易如反掌. 第三个好处当然就是维护方便了!你只要修

详细学习CSS中的网页布局的属性

css|网页 布局(Layout)属性: 在以前的HTML里,元素的位置只能靠元素的依次排列觉得,而在CSS里你可以更精确的定位元素.Netscape曾提出过Layer标记,它对于精确布局很有好处,但是并没有被W3C承认,W3C在CSS提出了类似于Layer标记的功能. position属性: position属性用来决定元素的位置类型,详见属性: 属性名称: 'position'属性值: absolute | relative | static初始值: static适合对象: 所有元素是否继承

学习CSS小技巧：优化你的CSS代码

css|技巧|优化 最近看过许多网友制作的SKIN的CSS文件,发现其中有着许多冗余的代码.下面我来跟大家介绍一下,如何清除这些冗余的代码,让你的CSS文件更加简洁. 一.margin.padding属性 参照相关资料我们可以知道,margin和padding代表的意思分别是外部边距和内部填充距离,在许多网友的CSS中,关于这两个属性的冗余代码是出现得最多的.比如:margin:0px,大家可以查看一下自己的CSS文件中,是否许多的margin:0px,其中有的是不需要的,你可以尝试删除它,当然

七 CSS初级教程总结：属性结合起来使用

css|教程 如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处理HTML样式. 下面的代码覆盖了初级教程的所有方面,保存下面的CSS文件并且在浏览器里观看连接的HTML,你可以明白各个CSS属性的用法.最好的学习方法就是理解作用在HTML上的CSS文件,改变CSS HTML会发生什么变化. body {font-family: arial, helvetica, sans-serif;font-size: 80%;color: black;background-color: #ff