HTML CSS JavaScript代码样例-优快云博客

本文链接：https://blog.youkuaiyun.com/u011080770/article/details/25288605

本文展示了一段包含HTML、CSS、JavaScript基本样例的代码，涵盖了文本样式、颜色、字体大小、链接样式等基本应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- <link rel="stylesheet" type="text/css" href="span.css"></link> -->
<style type="text/css">

div p{
	color:red;
	font-size:20px;
}

div,p{
	color:green;
	font-size:30px;
}
/* p{
	color:green;
} */

a:LINK {
	text-decoration:none;
	color:green; 
}
a:HOVER {
	text-decoration: underline;
}
a:ACTIVE {
	color:blue;
	text-decoration:none;
}
a:VISITED {
	text-decoration:none;
	color:green; 
}
</style>

</head>
<!-- 
	css 扩展选择器
	1、派生选择器
		父标签  子标签{
			css,, 
		}
		
	2、组合标签：
		选择器1,选择器2{
			...
		}
		
	3、伪元素选择器
		a:link 超联接的默认样式
		a:hover	鼠标移动到元素上面的时候的显示样式
		a:active 鼠标按下与抬起之间的显示样式
		a:visited 点击以后的显示样式
	
 -->
<body>
<div >div<p>我是一段文件</p>标签</div>
<div >div 标签</div>
<span >span标签</span>
<span >span标签</span>

<p>我是一段文件</p>

<a href="01-div标签.html">点我啊</a>

</body>
</html>

css的派生选择器