上两天班又放假了。。
2015-10-09 17:48
176 查看
今天做了两个作业,依旧是css3的内容,这两次的作业之后基本上css3的内容就过一遍了,接下来就是h5的内容了。下面展示一下两个作业。
第一个,css 多列。
第二个 css 用户界面
接下来的任务就是HTML5了,加油。
第一个,css 多列。
<style type="text/css"> div { width: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了,加油。
相关文章推荐
- 经典书籍_编程思想篇
- waveIn音频采集
- 收藏的安卓开发源码以及相关网址
- Segmentation fault: 11(macosx svn)
- Database 数据库
- 五、oracle 表的管理
- 四、oracle 用户管理二
- 传输中文乱码js解决方法
- ACM学习历程—POJ3090 Visible Lattice Points(容斥原理 || 莫比乌斯)
- Microsoft.AspNet.FriendlyUrls发布到IIS后404报错的解决方案
- android之APP模块编译
- MyEclipse中ctrl+F组合解决find查询相关问题
- Struts2之自定义局部类型转换器、全局类型转换器
- 调节系统音量VC++(适合win和xp系统) 打开静音 增减和减小系统音量
- Lucene系列-FieldCache
- 设计模式六大原则
- Lucene系列-FieldCache
- 三、oracle 用户管理一
- node lesson4--eventproxy不懂
- Struts2之自定义局部类型转换器、全局类型转换器