本文介绍了如何在网页中引入CSS文件及调整轮播图样式的方法。重点讲解了通过修改app.css文件内的样式属性来调整轮播图尺寸、位置及布局等内容，并提及了slider.js文件中可调整的参数配置。
- 要在<head>标签里引入是三个css文件：
<link
rel="stylesheet"
type="text/css"
href="../app.css">
<link
rel="stylesheet"
type="text/css"
href="../demo.css">
<link
rel="stylesheet"
type="text/css"
href="../normalize.css">
- <script>的引用是要放在<body>里面的全部<div>之后的，不然会出现图片但是没有轮播
- 在app.css中可以改的地方有：
（1）.slider
.slider-img
.slider-img-ul
li img{
改变图片的大小
width:1000px;
height:300px;
}
（2）.slider
.slider-img
{
改变图片的大小之后要相应的改变承装图片的div的大小
width:
1000px;
position: relative;
}
（3）.slider
{
改变图片的大小之后要相应的改变承装图片的div的大小
width:
1000px;
margin:
50px auto;
修改这里的50px数值可以改变轮播图距离窗口top的位置
position:
relative;
}
（4）.slider,
.slider
.slider-img
{
改变图片的大小之后要相应的改变承装图片的div的大小
overflow:
hidden;
width:
1000px;
height:
300px;
}
（5）.slider
.slider-btn.slider-btn-left
{
这两个的margin-top修改数值可以改变轮播图旁边两个小箭头在轮播图片中的位置
left:
0;
margin-top: -25px;
}
.slider
.slider-btn.slider-btn-right
{
right:
0;
margin-top:
-25px;
}
4、在slider.js文件里可以修改的地方有：
（1）标着“//参数配置”注释里面的speed（切换速度）和intervalTime（隔多长时间触发事件）
解决问题：为什么我的slider-dot里面没有li，本来应该有的圆点不能显示？？？
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
