zoukankan      html  css  js  c++  java
  • 上两天班又放假了。。

      今天做了两个作业,依旧是css3的内容,这两次的作业之后基本上css3的内容就过一遍了,接下来就是h5的内容了。下面展示一下两个作业。

      第一个,css 多列。

    <style type="text/css">
    div
    {
    1000px;
    margin:0 auto;
    border:#CCCCCC 1px solid;
    padding:5px;
    -moz-column-count:4; 	/* Firefox */
    -webkit-column-count:4; /* Safari 和 Chrome */
    column-count:4;
    }
    div
    {
    -moz-column-gap:40px;		/* Firefox */
    -webkit-column-gap:40px;	/* Safari 和 Chrome */
    column-gap:40px;
    }
    div
    {
    -moz-column-rule:10px outset #000000;	/* Firefox */
    -webkit-column-rule:10px outset #000000;	/* Safari and Chrome */
    column-rule:10px outset #000000;
    }
    </style>
    </head>
    
    <body>
    <div>
    开个会拉怪换地方尽快更换户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风反馈给好看的发挥更靠近的返回给客户对方地户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方靠近的返回给客户对方地方跟对方很高户的反馈给好看的发挥更靠近地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风户的反馈给好看的发挥更靠近的返回给客户对方地方跟对方很高的复合弓的健康了风阿红的个 
    </div>
    </body>
    

      

      第二个 css 用户界面

    <style> 
    .clear{ clear:both;}
    .container{width:1500px;border:3px solid #000000; margin:30px;outline:2px solid red;outline-offset:15px;}
    .box{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    width:50%;
    border:10px solid red;
    float:left; 
    text-align:center;
    }
    </style>
    </head>
    
    <body>
    
    <body>
    
    <div class="container">
    <div class="box">这个 div 占据左半部分。</div>
    <div class="box">这个 div 占据右半部分。</div>
    <div class="clear"></div>
    </div>
    
    </body>

    接下来的任务就是HTML5了,加油。

  • 相关阅读:
    模拟手机售电影票
    flex布局
    如何制作快速加载的HTML页面
    css布局列表,自适应
    iOS项目中常见定时器
    iOS中TableView的分割线顶格样式的实现
    iOS本地化项目上传到gitHub
    iOS初学者易懵逼的Timer延时
    iOS同种界面moda和push方式切换
    iOS之push和modal大不同
  • 原文地址:https://www.cnblogs.com/sishiuliunian/p/4864666.html
Copyright © 2011-2022 走看看