如题: 查了Swiper文档发现要加这个参数 slidesPerView: 'auto',就解决这个问题了，特此记录一下。 slidesPerView：设置slider容器能够同时显示的slides数量(carousel模式)。 可以设置为number或者 'auto'则自动根据slides的宽度来设定数量。...

2018-06-24 01:05:37

单纯的TABLE表格,在浏览器运行上面来说，其效率不如DIV+CSS方式快速,当然，这样也就会影响用的体验。 而且，针对于相同的HTML页面来说TABLE布局，不利于搜索引擎的爬虫爬行下载页面。从而造成，用户响应慢。HTML和CSS分隔开，重构也方便。 当然，如此以来也会产生三个...

2018-06-24 01:05:29

CSS样式表 1.样式复用，方便网站的后期维护； 2.实现页面的精确控制，实现精美复杂页面； 3布局定位； 4外观美化； 1 【三种使用CSS的方式】 1、行内样式表：直接在HTML开始标签中使用style=""的方式引用； 特点：将CSS代码与HTML代码完全糅杂在一起，不符合W3C关于内...

2018-06-24 01:05:31

1.文件合并（目的是减少http请求）：使用css sprites合并图片，一个网站经常使用小图标和小图片进行美化，但是很遗憾这些小图片占用了大量的HTTP请求，因此可以采用sprites的方式把所有的图片合并成一张图片 ，可以通过相关工具在线合并，也可以在ps中合并。 2.使用CDN...

2018-06-24 01:05:24

前面提到text-indent属性，用来实现文本的缩进，今天的text-align使用率可比文本缩进高的多。拿自己现在做的项目上来说，水平居中和垂直居中估计是用到最多了，那我们就先看看它的语法吧！ text-align 允许值 left| center | right | justify | 初始值 与用户代理有关...

2018-06-24 01:05:23

html代码如下: ul class ="ul_box" li a href ="#" html / a / li li a href ="#" css / a / li li a href ="#" javascript / a / li li a href ="#" html5 / a / li li a href ="#" css3 / a / li li a href ="#" jquery / a / li / ul css代码如下: .ul_box { margin...

2018-06-24 01:05:17

直接看代码： !DOCTYPE htmlhtmlhead meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title水平垂直居中/title meta name="description" content="" meta name="viewport" content="width=device-width, initial-scale=1" style * { margi...

2018-06-24 01:05:15

原文链接：渔人码头 http://www.cnblogs.com/imwtr/p/4340010.html?utm_source=tuicoolutm_medium=referral 浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。 这里谈到的浏览器，主要指IE6/IE7/IE... FireFox Chrome...

2018-06-24 01:05:10

background-image绘制多张图片叠加，示例如下: ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title background-image绘制多张图片叠加 / title style div { width : 1100px ; height : 800px ; background-image : url("../../image/icon1.jpg"),url("....

2018-06-24 01:05:03

css3使用服务器端字体: ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title 使用服务器端字体 / title style @font-face { font-family : webFont ; /* 此代码会首先用客户端字体Arial，如果客户端没有用下面一种服务器端字体 */ /* format格式: (ttf):...

2018-06-24 01:05:04