HTML练习1

最新推荐文章于 2024-07-09 19:50:17 发布

追梦女孩ii

最新推荐文章于 2024-07-09 19:50:17 发布

阅读量364

点赞数 10

分类专栏： HTML 练习文章标签： html 前端 python 数据分析 numpy jupyter

本文链接：https://blog.csdn.net/m0_61566562/article/details/139965415

版权

HTML 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

练习

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
       <meta charset="UTF-8">
       <title></title>

       <style>
          /*
           * 写css
           * 
             1, 将标题的字体颜色设置为橙色,字体大小设置为30px
             2, 将class为pDemo1的p元素的背景颜色设置为黄色
             3, 将class为pDemo2的p元素的字体颜色设置为红色
             4, 将class为pDemo的元素字体大小设置为25px
             5, 将所有文字的字体设置为”黑体”
          */

          #title {color: orange; font-size: 30px;}
          .pDemo1 {background: yellow}
          .pDemo2 {color: red}
          .pDemo {font-size: 25px}
          * {font-family: '黑体'}
          
       </style>
          
    </head>
    <body>
       
       <h4 id="title"> 论语 </h4>
       <div id="divDemo">子在川上曰：
          <p class="pDemo">“逝者如斯夫！</p>
          <p class="pDemo">不舍昼夜。”</p>
          <p class="pDemo1">“逝者如斯夫！</p>
          <p class="pDemo2">不舍昼夜。”</p>
       </div>
    </body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>

		<style>
			/*
			 * 写css
			 * 
				1, 将标题的字体颜色设置为橙色,字体大小设置为30px
				2, 将class为pDemo1的p元素的背景颜色设置为黄色
				3, 将class为pDemo2的p元素的字体颜色设置为红色
				4, 将class为pDemo的元素字体大小设置为25px
				5, 将所有文字的字体设置为”黑体”
			*/

			#title {color: orange; font-size: 30px;}
			.pDemo1 {background: yellow}
			.pDemo2 {color: red}
			.pDemo {font-size: 25px}
			* {font-family: '黑体'}
			
		</style>
			
	</head>
	<body>
		
		<h4 id="title"> 论语 </h4>
		<div id="divDemo">子在川上曰：
			<p class="pDemo">“逝者如斯夫！</p>
			<p class="pDemo">不舍昼夜。”</p>
			<p class="pDemo1">“逝者如斯夫！</p>
			<p class="pDemo2">不舍昼夜。”</p>
		</div>
	</body>
</html>

追梦女孩ii

关注

10
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML练习1

2, 将class为pDemo1的p元素的背景颜色设置为黄色。3, 将class为pDemo2的p元素的字体颜色设置为红色。1, 将标题的字体颜色设置为橙色,字体大小设置为30px。“逝者如斯夫！“逝者如斯夫！不舍昼夜。不舍昼夜。5, 将所有文字的字体设置为”黑体”* {font-family: '黑体'} 论语
复制链接

扫一扫