第一次接触前端

       刚开始接触前端的时候感觉是有点新颖,因为之前没有接触过,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.jsswiper.min.css文件。如果你的页面加载了jQuery.js或者zepto.js,你可以选择使用更轻便的swiper.jquery.min.js

       编写HTML内容。

       你可能想要给Swiper定义一个大小,当然不要也行。

       初始化Swiper:最好是挨着</body>标签。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值