javaweb div的嵌套

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实验5_1</title>
    <style>
        #wrap {
            width: 70%;
            margin: 10px auto;
            background-image: url('img/bg.gif');
            background-size: 100% 100%;
            padding: 20px 100px;

        }

        #top {

            width: 75%;
            font: normal bolder normal 40px 楷体;
            color: mediumblue;

        }

        #main {
            border-radius: 15px;
            width: 75%;
            float: left;
            background-color: white;

        }

        .title {
            font: normal bolder normal 30px 楷体;
            color: red;

        }

        .matter {
            font: 18px 宋体;

        }

        #side {
            float: right;

        }

        #sidecontent {
            border-radius: 15px;
            padding: 5px 30px;
            background-color: white;
            font: 18px 宋体;
            color: blue;


        }

        #footer {
            clear: left;
            text-align: center;

        }

        dt {
            margin: 10px;
            font: 22px 宋体;
            color: gray;

        }
    </style>
</head>

<body>
    <div id="wrap">
        <div id="top">一场盆景艺术在线</div>
        <div id="main">
            <div class="title">什么是盆景</div>
            <div class="matter">
                <p>&ensp;&ensp;&ensp;&ensp;盆景是中华民族优秀传统艺术之一。它以植物、山石、土、水等为材料,经过艺盆景术创作和园艺栽培,在盆中典型、集中地塑造大自然的优美景色,达到缩龙成寸、小中见大的艺术效果,同时以景抒怀,表现深远的意境,犹如立体的山水画。
                </p>
                <p>&ensp;&ensp;&ensp;&ensp;
                    盆景的主要材料本身即是自然物,具有天然神韵。其中植物还具有生命特征,能够随着时间推移和季节更替,呈现出不同景色。盆景是一种活艺术品,是自然美和艺术美有机结合。盆景是呈现于盆器中的风景或园林花木景观的艺术缩制品。多以树木、花草、山石、水、土等为素材,经匠心布局、造型处理和精心养护,能在咫尺空间集中体现山川神貌和园林艺术之美,成为富有诗情画意的案头清供和园林装饰,常被誉为无声的诗,立体的画;

                </p>
            </div>
            <div class="title">如何欣赏盆景的自然美</div>
            <div class="matter">
                <p>&ensp;&ensp;&ensp;&ensp;
                    盆景的价值在于欣赏,欣赏什么呢?欣赏盆景艺术的整体美。盆景艺术中的一草一木、一亭—桥都有欣赏价值;上乘山水盆景,可达到去一块山石嫌少,增加一块山石嫌多的地步。在盆景艺术整体美中,是以制作盆景材料的自然美为基础的,如果没有制作材料的自然美,盆景艺术就不会产生,当然就更谈不到发展了。一件作品的美,完全由人工制作而成,那不是盆景,而是工艺品。

                </p>
                <p>&ensp;&ensp;&ensp;&ensp;
                    树木都有根、干、枝、叶,有的还要开花结果。树木盆景的自然美和根、干、枝;叶、花、果的形态、色泽、香味以及四季的变化受到了人们的喜爱。树木盆景的根,讲究悬根露爪。如和一般树木一样,都在泥土之中,就没有欣赏价值了,故有盆树不露根如插木之说。河边、山崖等处经多年雨水冲刷,常有自然悬根露爪的树木,树根蜿蜒曲折,如倒走虬龙,因树根长期裸露土面之上,有时被碰根皮;又自然结疤,显得古拙雅致,好似历尽苍桑.

                </p>
            </div>
        </div>
        <div id="side">
            <div id="sidetop"><img src="img/bonsai.gif" /></div>
            <div id="sidecontent">
                <dl>
                    <dt>站点导航</dt>
                    <dd>关于盆景</dd>
                    <dd>盆景养护</dd>
                    <dd>盆景造型</dd>
                    <dd>盆景精品</dd>
                </dl>
                <dl>
                    <dt>相关链接</dt>
                    <dd>一场园林</dd>
                    <dd>德德松园</dd>
                    <dd>家园博客</dd>
                    <dd>盆景艺术在线论坛</dd>
                </dl>

            </div>
        </div>
        <div id="footer">2018-计算机科学与技术3-姚春芬</div>
    </div>
</body>

</html>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值