34-10000 web入门 HTML5布局（div标签使用）持续高强度的投入技术研发工作，才能创造大的价值！

2024-03-20 19:24:52

初级布局的学习，基础知道了。后面现实中，才能随需应变的去设计，写入代码。否则，基础不会，后面的一切写起来，必定会感觉到极其的困难！可能那些在别人看来，很简单，容易的代码。到您这里，就变得无比艰难的样子。所以，这是写代码，与其他行业的不同之处吧。是一个积累的过程。

知识积累创造价值，但是想要价值大，那仅仅这些基础还是完全不够的，需要串联起来，才是大师傅呢！否则，这点技术只能过活，想发展？必须继续持续高强度的投入技术研发工作，才能创造大的价值！否则，必然也是平庸的上班族而已。非常现实的事情，。

<!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>布局入门</title>

   

    <style type="text/css">
        body{
            margin: 0px;
        }
        #container{
            width: 100%;
            height: 950px;
            background-color: royalblue;
        }
        #heading{
            width: 100%;
            height: 10%; 
            background-color: rgb(120, 194, 35);
        }
        #content_menu{
            width: 30%;
            height: 80%;
            background-color: springgreen;
            /* 加入浮动 */
            float: left;
        }
        #_body{
            width: 70%;
            height: 80%;
            background-color: teal;
            float: left;
        }
    #footing{
        width: 100%;
        height: 10%;
        background-color: yellow;
        clear: both;
    }
    </style>
</head>
<body>
    

    <div id="container">
         <div id="heading">头部</div>
         <div id="content_menu">内容菜单</div>
         <div id="content_body">内容主体</div>
         <div id="footing">底部</div>

    </div>
</body>
</html>

效果：

码农公寓

相关文章