day07.05.HTML 练习2

追梦女孩ii

已于 2024-07-18 21:04:56 修改

阅读量293

点赞数 7

分类专栏： HTML 练习一阶段day07 文章标签： python 数据分析 css 前端 html numpy css3

于 2024-06-26 21:57:32 首次发布

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

版权

练习同时被 3 个专栏收录

30 篇文章 0 订阅

订阅专栏

HTML

23 篇文章 0 订阅

订阅专栏

一阶段day07

11 篇文章 0 订阅

订阅专栏

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

/*
* 写css
*
1. 让id为mp的元素文字大小变成30px
2. 让class名为c1的元素背景为#CCFF99
3. 将所有的div和p，统一显示 margin-bottom:30px
4. 将所有的div的border设置为 2px solid red
5. 将div下的子div的文字变蓝色blue
*/

#mp {font-size: 30px}
.c1 {background: #CCFF99}
div, p {margin-bottom:30px}
div {border : 2px solid red}
div > div {color: blue}

</style>

</head>
<body>
<h1>沁园春·雪</h1>
<h2>毛泽东</h2>
<div>
<div>
<div>北国风光，千里冰封，万里雪飘。
<div>望长城内外，惟余莽莽；大河上下，顿失滔滔。</div>
<p>山舞银蛇，原驰蜡象，欲与天公试比高。</p >
<p>须晴日，看红装素裹，分外妖娆。</p >
</div>
</div>
<p id="mp">江山如此多娇，引无数英雄竞折腰。</p >
</div>
<p class="c1">惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。</p >
<p class="c1">一代天骄，成吉思汗，只识弯弓射大雕。</p >
<p>俱往矣，数风流人物，还看今朝。</p >

</body>
</html>

<!DOCTYPE html>
<html>
    <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
          
          /*
           * 写css
           * 
             1. 让id为mp的元素文字大小变成30px
             2. 让class名为c1的元素背景为#CCFF99
             3. 将所有的div和p，统一显示 margin-bottom:30px
             4. 将所有的div的border设置为 2px solid red
             5. 将div下的子div的文字变蓝色blue
          */

          #mp {font-size: 30px}
          .c1 {background: #CCFF99}
          div, p {margin-bottom:30px}
          div {border : 2px solid red}
          div > div {color: blue}

          
       </style>
       
    </head>
    <body>
       <h1>沁园春·雪</h1>
       <h2>毛泽东</h2>
       <div>
           <div>
             <div>北国风光，千里冰封，万里雪飘。
                <div>望长城内外，惟余莽莽；大河上下，顿失滔滔。</div>
                <p>山舞银蛇，原驰蜡象，欲与天公试比高。</p >
                <p>须晴日，看红装素裹，分外妖娆。</p >
             </div>
           </div>
           <p id="mp">江山如此多娇，引无数英雄竞折腰。</p >
       </div>
       <p class="c1">惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。</p >
       <p class="c1">一代天骄，成吉思汗，只识弯弓射大雕。</p >
       <p>俱往矣，数风流人物，还看今朝。</p >

    </body>
</html>

追梦女孩ii

关注

7
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
day07.05.HTML 练习2

3. 将所有的div和p，统一显示 margin-bottom:30px。望长城内外，惟余莽莽；大河上下，顿失滔滔。惜秦皇汉武，略输文采；一代天骄，成吉思汗，只识弯弓射大雕。江山如此多娇，引无数英雄竞折腰。山舞银蛇，原驰蜡象，欲与天公试比高。须晴日，看红装素裹，分外妖娆。北国风光，千里冰封，万里雪飘。俱往矣，数风流人物，还看今朝。沁园春·雪毛泽东
复制链接

扫一扫

专栏目录