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

底部边框要设置为透明色能看得到主体的内容，而且不影响子元素布局，如何设置。

0

1

通用

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <footer class="footer-box">

        <a href="task7.html" class="one-more-game">
            <p>再来一局</p>
        </a>
        <a></a>
        <a href="task7.html" class="share-it">
            <p>上传分享</p>
        </a>

    </footer>

自适应布局中，字体大小应该怎么处理？

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  @media only screen and (max-width: 600px){
    .text-line {
      height: auto;
    }
  }

css任务八第一个页面底部的链接

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <div class="container-fluid"style="padding: 0 10vw 0 10vw">
        <div class="row">
            <div class="col-xl main-five">
                <span></span>
                <a href="">手机软件</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">教师招聘</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">找工作</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">教师招聘</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">找工作</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">教师招聘</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">找工作</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">教师招聘</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">找工作</a>
            </div>
            <div class="col-xl main-five">
                <span></span>
                <a href="">教师招聘</a>
            </div>
        </div>
    </div>

css实现轮播图左右自然切换

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    .carouse-pic {
        width: 500vw;
        height: 30vw;
        overflow: hidden;
        animation: carouse 20s infinite linear;

        @keyframes carouse {
            0%,15% {margin-left: 0;}
            25%,40% {margin-left: -100vw;}
            50%,65% {margin-left: -200vw;}
            75%,90% {margin-left: -300vw;}
            100% {margin-left: -400vw;}
        }
}

class命名方式有哪些通俗易懂的。

0

1

通用

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

/* 这里的.itm和.cnt只在.m-list中有效 */
.m-list{margin:0;padding:0;}
.m-list .itm{margin:1px;padding:1px;}
.m-list .cnt{margin-left:100px;}
/* 这里的.cnt和.num只在.m-page中有效 */
.m-page{height:20px;}
.m-page .cnt{text-align:center;}
.m-page .num{border:1px solid #ddd;}

sass什么时候用？需要精通吗？

0

1

sass

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

onclick重复点击问题

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 随机一个颜色
function bG1(){
    var r = Math.floor(Math.random()*256);
    var g = Math.floor(Math.random()*256);
    var b = Math.floor(Math.random()*256);
    if("rgb(" + r + "," + g + "," + b + ")"=="rgb(251, 180, 53)") {
        return bG1();
    }
    else{
        return "rgb(" + r + ","+ g + "," + b + ")";
    }
}
// 随机三个数字    
function divNumenr1(){
    n1 = Math.floor(Math.random()*9);
    return n1;
}
function divNumenr2(){
    n2 = Math.floor(Math.random()*9);
    if(n1==n2) {
        return divNumenr2();
    }
    else{
        return n2;
    }
}
function divNumenr3(){
    n3 = Math.floor(Math.random()*9);
    if(n2==n3) {
        return divNumenr3();
    }
    else if(n1==n3) {
        return divNumenr3();
    }
    else{
        return n3;
    }
}
// 定时器

function divLoop(){
        divStart = setInterval(divBN,1000);

}
// 停止定时器
function divStop(){
    clearInterval(divStart);
    var i=0;
    while(i<9){
        document.getElementsByTagName("div")[i].style.background = "rgb(251, 180, 53)";
        i++;
    }
}
function divBN() {
    for(var i=0; i<9; i++) {
        document.getElementsByTagName("div")[i].style.background = "rgb(251, 180, 53)";
    }
    document.getElementsByTagName("div")[divNumenr1()].style.background = bG1();
    document.getElementsByTagName("div")[divNumenr2()].style.background = bG1();
    document.getElementsByTagName("div")[divNumenr3()].style.background = bG1();
}

文字遇到括号不换行

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

!

洗牌算法具体指的是什么？

0

1

通用

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function Shuffle(a) {
    var length = a.length;
    for(var i = length - 1, rand;i >= 0; i--){
        rand = Math.floor(Math.random()*(i+1))
        var p = a[i];
        a[i] = a[rand];
        a[rand] = p ;  
    }
}

除了弄个盒子加margin-left设置底边框做成这样的样式还有其他方法吗。

0

1

属性定位边距属性背景图片

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.home {
    width: calc(100% - 1.65rem);
    height: 5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 1.65rem;
    border-bottom: 1px solid #e1e5e7;
}