开发者社区> 浩码农> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

CSS学习——关于链接的属性

简介:   这两天,在看CSS,看的是圣思园的视频。里面对样式的优先级是这样说的: 一般来说所有样式有下面的规则(以下优先级由低至高) 1.Browser default 浏览器默认 2.External style sheet 外部样式表 3.Internal style sheet (inside the tag) 内嵌样式表 4.Inline style ( inside an HTML element) 行内样式   在学到后面时,对链接定义它的样式。
+关注继续查看

  这两天,在看CSS,看的是圣思园的视频。里面对样式的优先级是这样说的:

一般来说所有样式有下面的规则(以下优先级由低至高)

1.Browser default
浏览器默认
2.External style sheet
外部样式表
3.Internal style sheet (inside the <head> tag)
内嵌样式表
4.Inline style ( inside an HTML element)
行内样式

  在学到后面时,对链接定义它的样式。我的代码如下:

HTML代码:

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="test4.css"/>
	</head>
	<body>
		<p><a href="">This is a link.</a><br>
		<a href="">This is really a link.</a></p>
		
	</body>
</html>

CSS代码:

body { color:orange}
h1 { color:green; font-size: 20pt}
hr { color: red}
p { font-size: 11pt; margin-left: 15px}
a:link { color: blue}
a:visited {color: red}
a:hover { color: black}
a:active { color: green}

  但是在搜狗浏览器IE内核能如正常显示,在webkit内核及firefox浏览器中,链接均是显示红色。难道仅是IE才支持link么?


  2011-08-26 18:32:31补充:明白了。看到后面知道了,因为链接的网站不是我没有访问过的,所以在firefox中显示的是访问过的颜色。看来IE和其他浏览器内核还是有很大不同啊。


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前端学习笔记(8)css选择器(二)
选择器分类 简单选择器:针对某一特征判断是否选中元素。 复合选择器:连续的简单选择器,根据元素特征判断是否选中单个元素。 复杂选择器:由“(空格)“ “ >” “ ~” “ +” “ ||” 等符号连接的复合选择器,根据父元素或者前序元素检查单个元素。
742 0
前端学习笔记(7)css选择器(一)
选择器分类 简单选择器:针对某一特征判断是否选中元素。 复合选择器:连续的简单选择器,根据元素特征判断是否选中单个元素。 复杂选择器:由“(空格)“ “ >” “ ~” “ +” “ ||” 等符号连接的复合选择器,根据父元素或者前序元素检查单个元素。
829 0
css4—第4代选择器
<p><img src="http://www.script-tutorials.com/demos/370/thumb.png" alt=""></p> <p><br></p> <p>        历史前进的步伐是不会停止的,紧跟着CSS3,新的CSS4也即将问世,它正由W3C编辑团队研发中。从历史的角度看,CSS的发展和web浏览器的发展是相互独立的,它们是并行进步的。这就导致不
1532 0
CSS学习1
一、层叠样式表的链接方式。  使用CSS层叠样式表可以很方便的设置所有的标签的属性 ,不用像以前一样我们对每个html标签逐个进行设置  。   在html中使用css有四种方式  。
729 0
+关注
浩码农
开源社区技术专家
222
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载