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

怎么引用公共less文件，

1

Less

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

@fullwidth:100%;
@fullheight:100%;
@bg-content:#fafafa;
@base:#29b078;
@font-size:14px;
@color:#bfbfbf;
@body:{margin:0;padding:0}
@p:{margin:0;padding:0}

侧边栏有几种实现方法

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

#boom {
    display: none;
}

@keyframes left-in {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(2.4rem, 0);
    }
}

#boom:checked~header{
    animation: left-in .8s forwards;
}

#boom:checked~main {
    animation: left-in .8s forwards;
}

#boom:checked~.menuBar {
    animation: left-in .8s forwards;
}

select 旁边小图标点击无效，不能使用lable解决

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <div class="Selectionlr"   >
     <form  action="">
      <i class="icon8 "></i>
        <select>
        <option selected>所在地</option>
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="guangzhou">广州</option>
             </select>
             
     </form>  
    </div>

GitHub客户端是封装了git功能，完全不需要下载gitl

0

1

git

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

一个块元素内放块元素设置margin，margin为什么会跑到框外？

1

盒模型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.two {
    width: 100%;
    height: 312px;
    font-size: 0;
    background: #29BDE0;
}
.victory {
    margin: 12px auto 0;
    width: 176px;
    height: 103px;
    background: url(../image/victory1.png) 66.5px 13px/43px 42px no-repeat; 
}
.victory2 {
    padding-top: 66px;
    width: 176px;
    height: 103px;
    font-size: 23px;
    color: #FFFFFF;
    text-align: center;
    background: url(../image/victory2.png) 0 0/176px 103px;
    box-sizing: border-box;
}

浏览器访问服务器问题

1

通用

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

如何将 footer 保持在底部？

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.header{
    flex: 0 0 auto;
}
.main{
    flex: 1 0 auto;
}
.footer{
    flex: 0 0 auto;
}

我想问我控制那个mian下的元素p为什么没效果？只想让mian 的文字居中

1

类选择器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

mian p{
text-alin：center；
}

这个什 i 起什么作用

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

div{
    height: 100px;
    width: 200px;
    background-color: pink;
    text-align: center;
}
span{
    display:inline-block;
    vertical-align: middle;
    line-height: 20px;
    width: 100px;
}    
i{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



<div>
        <i></i><span>我是特别长的特别长的特别长的特别长的多行文字</span>
  </div>

测

0

1

通用

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

测