今天做了两个作业,依旧是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了,加油。