CSS选择器（Html基础）6

最新推荐文章于 2024-04-19 05:44:53 发布

limit、T

最新推荐文章于 2024-04-19 05:44:53 发布

阅读量87

点赞数

分类专栏： HTML基础文章标签： html css

本文链接：https://blog.csdn.net/qq_42825101/article/details/109484835

版权

HTML基础专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Html基础</title>
		<!-- Html中的样式标签style -->
		<style>
			/* 标签选择器 所有的p标签字体都加粗 */
			p{
				font-weight: bold;
			}
			/* id选择器 id为text的标签字体为楷体 */
			#text{
				font-family: 楷体;
			}
			/* 类选择器 class为text_2的标签字体颜色都为红色*/
			.text_2{
				color: red;
			}
			/* p标签内的font标签字体颜色为绿色 */
			p font{
				color: green;
			}
			/* 作用与上一致 */
			span>font{
				color: aqua;
			}
			/* a标签悬浮效果 */
			a:hover{
				color: #FF0000;
			}
			/* a标签点击时效果 */
			a:active{
				color: #0000FF;
			}
			/* a标签点击后效果 */
			a:visited{
				color: #008000;
				font-family: 楷体;
			}
			/* 儿子选择 */
			ol :nth-child(2){
				color: blue;
			}
			/* 还有其他的，这些基本够用 */
		</style>
	</head>
	<body>
		<p>P标签</p>
		<a>A标签</a>
		<p id="text">有ID的P标签<font>Font标签</font></p>
		<span>Span标签<font>Font标签</font></span>
		<p class="text_2">有class的P标签</p>
		<span>Span标签</span>
		<p class="text_2">有class的P标签</p>
		<font class="text_2">Font标签</font>
		
		<ol type="1" start="1">
			<li>AAAAAAA</li>
			<li>BBBBBBB</li>
			<li>CCCCCCC</li>
		</ol>
		
	</body>
</html>

limit、T

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS选择器（Html基础）6

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Html基础</title>  <style> /* 标签选择器所有的p标签字体都加粗 */ p{ font-weight: bold; } /* id选择器 id为text的标签字体为楷体 *.
复制链接

扫一扫

专栏目录