index网页制作

swiper的使用

https://www.swiper.com.cn/usage/index.html

 

第二行文字以后用*号显示

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;

emment语法：

ul>(li>a[href=#]>img[src=img/pro/$.jpg]+div.right>div.title+div.money+div>span.love+span.num)

实现效果为:

<ul>

 

<li><a href="#">
<img src="img/pro/(递增).jpg" alt="">
<div class="right">
<div class="title"></div>
<div class="money"></div>
<div><span class="love"></span><span class="num"></span></div>
</div>
</a></li>

</ul>

区块大小很关键，宽度为300px的ul不一定放的下宽度为两个150px的li，因为表格一般有几px的默认大小