南大软院二十一天成神计划

最新推荐文章于 2023-09-27 22:20:35 发布

snowing1022

最新推荐文章于 2023-09-27 22:20:35 发布

阅读量367

点赞数 2

本文链接：https://blog.csdn.net/snowing1022/article/details/49952171

版权

今天学的是HTML+CSS基础课程，因为章节比较多，用了一天多的时间来学习，依旧有些是新知识，有些是旧知识，在复习中掺杂着学习。

印象较为深刻的是页面布局，个人觉得自适应是一个很好的工具，使用自适应可以避免内容溢出，但是同时又有风险，要想使用，就一定要控制的住，否则会乱七八糟。下面贴一点自己写的关于布局的代码：<style type="text/css">
body{font-size:24px;
font-family:"新宋体";
background-color:#FF6666;
}
#wrap{
margin:0 auto;
width:900px;}
#header{
height:60px;
background:#0099FF}
#container{
background-color:#FF33FF;
}
#mainbox{
float:left;
width:200px;
background:yellow;
}
#submainBox{
float:left;
width:200px;
background:red;
margin:5px;
}
#sideBox{
float:left;
width:200px;
background:blue;
margin:5px;
}
#footer{
clear:both;
height:60px;
background:green}
</style>
<body>
<div id="wrap">
<div id="header">头部</div>
   <div id="container">
    <div id="mainbox">
     <p>左边内容</p>
     <p>左边内容</p>
     <p>左边内容</p>
     <p>左边内容</p>
     <p>左边内容</p>
   <p>左边内容</p>
    </div>
      <div id="sideBox">
       <p>中间内容</p>
       <p>中间内容</p>
       <p>中间内容</p>
       <p>中间内容</p>
       <p>中间内容</p>
       <p>中间内容</p>
      </div>
    <div id="submainBox">
        <p>右边内容</p>
        <p>右边内容</p>
        <p>右边内容</p>
        <p>右边内容</p>
        <p>右边内容</p>
        <p>右边内容</p>
       </div>
    </div>
<div id="footer">尾部</div>
</div>
</body>