html a 的写法,HTML超链接a标记CSS样式写法示例

下面我们介绍对于css初学者会有一点帮助了，主要告诉你HTML超链接a标记CSS样式写法，这里简单举了一个实例。

定义链接样式的四个伪类

1 :link

2 :visited

3 :hover

4 :active

因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法，它们的写法如下：

1 a:link，定义正常链接的样式；

2 a:visited，定义已访问过链接的样式；

3 a:hover，定义鼠标悬浮在链接上时的样式；

4 a:active，定义鼠标点击链接时的样式

样式表CSS中定义链接 A 的顺序，可能会对大家有一些帮助：

A:link { color: #000000; TEXT-DECORATION: none}

A:visited { COLOR: #000000; TEXT-DECORATION: none}

A:hover { COLOR: #ff7f24; text-decoration: underline;}

A:active { COLOR: #ff7f24; text-decoration: underline;}

a :link、a:hover、a:visited这几个元素，定义CSS时候的顺序不同，也会直接导致链接显示的效果不同。

我想，原因就在于浏览器解释CSS时遵循的“就近原则”。

例代码如下复制代码

Insert title here

test

html a 的写法,HTML超链接a标记CSS样式写法示例相关推荐

什么用于标记CSS样式的使用优先级,css !important用法以及CSS样式使用优先级判断...
例一: CSS #box { color:red !important; color:blue; } HTML 在不同的浏览器下,这行字的色应该不同! 这个例子应该是大家经常见到的important的 ...
html字两边的横线_CSS，中间文字两边横线 CSS样式写法
在项目中遇到过中间文字,两边横线的布局,如下图: 两边横线我们可以使用标签的上边框或者下边框,然后对中间的文字使用 vertical-align 属性来控制. 产品清单 css.order { hei ...
css ie9 打印 hack,IE9下css hack写法
ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下: select { background-color:red\0; ...
css hack支持ie8,仅仅 IE8 有效的 CSS hack 写法
IE8 CSS hack 就是在属性后面加上 \9 或者 \0,代码如下: color:#FFF\0; /* IE8 */ color:#FFF\9; /* 所有IE浏览器(ie6+) */ 上面的 ...
css 超链接的颜色,用css样式控制超链接颜色显示
用css样式控制超链接颜色显示用css样式控制超链接颜色显示,阅读用css样式控制超链接颜色显示,很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,好像所有的链接的颜色都改了.事 ...
转：Silverlight样式写法
来自:http://hi.baidu.com/shop%B0%C9/blog/item/9d771ef4a7b8182dbc3109ca.html Silverlight中的样式写法与普通的CSS有异 ...
css ie6,ie7,ie8 兼容性写法,CSS hack写法
margin-bottom:40px; /*ff的属性*/ margin-bottom:140px\9; /* IE6/7/8的属性 */ color:red\0; ...
网易云课堂Nodejs笔记（js Function，css，写法)
网易云课堂Nodejs笔记(js Function,css) CSS position ---网页定位 margin ---元素外边距 padding ---元素内边距 nth-child()选择器 ...
Google Chrome的CSS hack写法
Google自从2010年9月3日推出了浏览器Google Chrome,写前端效果的同志们又得辛苦了,现在就是个浏览器混乱的时代,自从Google混进来之后,就更混乱了. 不过还好Google用的是 ...
CSS样式----标记选择器
一,概念 CSS(Cascading Style Sheet),中文译为层叠样式表,是用于控制网页样式并允许将样式信息与网页信息内容分离的一种标记性语言. 二,标记选择器 <style> ...

html a 的写法,HTML超链接a标记CSS样式写法示例

html a 的写法,HTML超链接a标记CSS样式写法示例相关推荐

最新文章

热门文章