刚开始接触前端的时候感觉是有点新颖,因为之前没有接触过,html、css对我来说都是新的词汇。在这之前一直以为html只是网页后面的一种格式。网页制作过程中存在了许多的问题,通过询问老师,网上查找最终解决了问题。
1.各种元素的格式,定位。
width: 58px; height: 30px; line-height: 30px; border:1px solid darkcyan; text-align: center;
2.link可以让你引入对html的格式(css)、img可以让你引入图片。
<link rel="stylesheet" href="css/index.css"/>
<img src="img/swiper01.jpg" alt=""/>
3.我们还学会了盒子的使用,盒子之间存在了很大的学问,盒子之间不停的嵌套就可以实现网页整体框图的搭建。
<div class="center-news0100"> <div class="center-news01000">校长接待预约</div> <div class="center-news01001">2016-03-09</div> </div>
4.学会了轮播图的插入(swiper的应用)。
首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。如果你的页面加载了jQuery.js或者zepto.js,你可以选择使用更轻便的swiper.jquery.min.js。
编写HTML内容。
你可能想要给Swiper定义一个大小,当然不要也行。
初始化Swiper:最好是挨着</body>标签。