IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

gulp4.0任务会报错

0

1

打包工具

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

1

该问题已被官方收录

link引入和@import引入的性能区别

0

1

Sass

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

@charset "utf-8";  
  
/* 重置样式 */  
button { padding: 0; border: none; background: transparent; outline: none;}    //按钮默认样式修改
a {text-decoration:none;outline:none;}
p {margin: 0;}
ul {margin: 0; padding: 0;outline: none;list-style: none;}
.flt-right {float: right;}
/* 基础样式 */   
$col-1 :#f0f0f0;    //灰色背景颜色
$col-2 :#29bde0;    //页面调性主颜色
$col-3 :#fbb435;    //页面调性次颜色
::-webkit-scrollbar {display: none;}    //隐藏滚动条
img { transform: scale(0.5);}    //插入图片统一缩放:0.5

/* 全局样式 */  
html {
  font-size: 625%;
  overflow-x: hidden; 
}

body {
  font-size: .12rem;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

@charset "UTF-8";
/* 重置样式 */
button {
  padding: 0;
  border: none;
  background: transparent;
  outline: none; }

a {
  text-decoration: none;
  outline: none; }

p {
  margin: 0; }

ul {
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none; }

.flt-right {
  float: right; }

/* 基础样式 */
::-webkit-scrollbar {
  display: none; }

img {
  transform: scale(0.5); }

/* 全局样式 */
html {
  font-size: 625%;
  overflow-x: hidden; }

body {
  font-size: .12rem;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden; }

该问题已被官方收录

给小箭头设置旋转后，小箭头浮动在上面的fixed定位的上面

1

1

定位

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 .arrows {
  width: .2rem;
  height: .2rem;
  border-top: 2px solid #5fc0cd;
  border-right: 2px solid #5fc0cd;
  transform: rotate(45deg);
}

该问题已被官方收录

轮播图为什么不自动翻页？

0

1

轮播

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<link rel="stylesheet" href="../css/task8.css">
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<div class="wrap">
        <div class="container">
            <div class="header-main">
               <span>客服热线：010-594-78634</span>
                <div class="vx">
                <img src="../img/task8...png"  alt="">
                <img src="../img/task.8..png" alt="">
                <img src="../img/task.81.png"  alt="">
                </div>
            </div>
        </div>
    <div class="navigation">
        <div class="option">
            <p>首页</p>
            <p>职业</p>
            <p>推荐</p>
            <p>关于</p>
        </div>
    </div>
    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="../img/task888png.png" alt="Third slide">
            </div>
            <div class="item">
                <img src="../img/task888png.png" alt="Third slide">
            </div>
            <div class="item">
                <img src="../img/task888png.png" alt="Third slide">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
</body>
</html>

该问题已被官方收录

怎么给hover添加动画效果

2

1

hover

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.list-3:hover .list-4{
    opacity: 1;
}

该问题已被官方收录

如何让滚动条只在中间主题部分，不让滚动条出现在页眉和页脚部分？

1

1

布局

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.header {
    position: fixed;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 14rem;
    background-color: #f8fafb;
}

 <div style="height:14rem;"></div>

<div class="row main-body">

该问题已被官方收录

导航栏如何在小于768px的时候变成另一种样式？

0

1

响应式

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

能不能控制栅格的容量高度

3

1

bottstrap

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="row box7">
            <div class="col-xs-12 col-sm-6 col-md-3">
                
          <p>12</p>

            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">

            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
 
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                
            </div>
        </div>

该问题已被官方收录

任务七雪碧图调好位置之后无法调节大小

2

1

雪碧图

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.k{
    background: url(../img/task7-2.11.png) no-repeat;
    background-size: 20vw 5vw;
    display: inline-block;

}
.k1{
    height: 5vw;
    width: 5vw;
    background-position: 0 0;
}
.k2{
    height: 5vw;
    width: 5vw;
    background-position: -5vw 0;
}
.k3{
    height: 5vw;
    width: 5vw;
    background-position: -10vw 0;
}
.k4{
    height: 5vw;
    width: 5vw;
    background-position: -15vw 0;
}

该问题已被官方收录

在行高设定auto时,文字无法保持一行

2

1

布局

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

css代码
.explain{
    color: #595959;
    padding-left: 0.2rem;
}
.specialli{
    display: flex;
    align-items: center;
    margin-left: 3%;
    height: auto;
    width: 94%;
    border-bottom: 1px solid #e1e5e7;
    padding: 0.36rem 0;
}
.specialdetail{
    color: #999999;
    border-right: 1px solid #999999;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
html代码
            <li class="specialli"><span class="specialdetail">自我介绍</span><span class="explain">可以洗衣、做饭、照顾老人，可以洗衣、做饭、照顾老人，可以洗衣、做饭、照顾老人，可以洗衣、做饭、照顾老人，可以洗衣、做饭、照顾老人</span></li>

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1