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和其他浏览器内核还是有很大不同啊。


目录
相关文章
|
2天前
|
前端开发
css的渐变属性linear-gradient
css的渐变属性linear-gradient
|
19天前
|
前端开发
|
19天前
|
Web App开发 移动开发 自然语言处理
|
1月前
|
前端开发
了解 css中 backface-visibility 属性
`backface-visibility` 是一个CSS属性,用于3D转换时控制元素背面的可见性,以优化渲染性能。默认情况下,背面被隐藏以减少不必要的渲染。此属性有两值:`visible` 表示背面可见;`hidden`(默认值)则隐藏背面。 通过双面卡片案例演示了其用法:两个重叠盒子,一个显示图片,另一个显示文字且初始状态为背面朝外。鼠标悬停时,图片盒子翻转显示背面,文字盒子翻转显示正面,同时设置 `backface-visibility: hidden` 以确保背面不被渲染。 兼容性良好,广泛支持现代浏览器。
30 2
了解 css中 backface-visibility 属性
|
23天前
|
前端开发 算法 开发者
CSS 的了解text-rendering属性
【8月更文挑战第24天】
|
28天前
|
前端开发 搜索推荐 UED
浅谈css的cusor属性
浅谈css的cusor属性
30 1
|
29天前
|
前端开发
导航栏也时尚:CSS缩放动画,让导航链接在鼠标经过时绽放!
导航栏也时尚:CSS缩放动画,让导航链接在鼠标经过时绽放!
|
29天前
|
前端开发
CSS动画变形宝典:Transform属性,打造动态视觉盛宴!
CSS动画变形宝典:Transform属性,打造动态视觉盛宴!
|
1月前
|
前端开发 UED 开发者
神秘的 CSS 属性 “position: sticky” 究竟有何魔力?带你彻底理解粘性定位的奇妙世界!
【8月更文挑战第20天】在前端开发中,CSS的粘性定位(`position: sticky`)是一种结合了相对与固定定位优点的强大工具。它使元素能在特定条件下相对定位,达到指定阈值时转为固定定位,非常适合制作“吸顶”导航栏等。例如,设置`position: sticky; top: 0;`能让导航栏滚动至顶部时固定显示。此特性不仅限于导航栏,还可应用于侧边栏等,增强布局灵活性与用户体验。尽管如此,仍需注意不同浏览器间的兼容性和可能的布局冲突。
40 0
|
1月前
|
前端开发 UED 开发者
使用 CSS 的 line-height 属性来提高可读性
使用 CSS 的 line-height 属性来提高可读性
16 0