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

做出hover的效果必须用到z-index两者之间的关系？z-inde值大小区别

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

main p:hover {
    background: #fff;
    z-index: 1;
}

任务十三的垂直导航栏

1

通用

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

Button {
    position: absolute;
    height: 24px;
    width: 24px;
    margin: 12px 0 0 10px;
    background: url(shouye1.png) no-repeat;
    background-size: 24px;
    -webkit-appearance: none;
    z-index: 1;
    outline: none;

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

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

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

1

类选择器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

mian p{
text-alin：center；
}

链接跳转问题；做九宫格的时候，为什么会用到字体尺寸

1

属性

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<style type="text/css">
        *{padding: 0;margin: 0;}
        ul{
         font-size: 0;
        }
        li{
            background: yellow;
            width: 31.3%;
            padding-bottom: 31.3%;
            border-radius: 10%;
            margin: 1%;
            list-style-type: none;
            display: inline-block;
        }
    </style>

input按钮选中问题‘

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    <div class="gaizibox duik">
                                        <input type="radio" id="rd1" name="sex" />
                                        <label for="rd1">对口箱子</label>
                                    </div>


                                    <div class="gaizibox">
                                        <input type="radio" id="rd2" name="sex" />
                                        <label for="rd2">飞机盒</label>
                                    </div>


                                    <div class="gaizibox">
                                        <input type="radio" id="rd3" name="sex" />
                                        <label for="rd3">天地盖</label>
                                    </div>

去除inline-block元素间间距

1

布局内外边距

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

        .box {
            width: 100%;
            height: 600px;
            background-color: red;
        }

        .box1{
            display: inline-block;
            width: 100px;
            height: 200px;
            background-color: blue;
        }


    </style>

</head>
<body>

<div class="box">
    <div class="box1">124124</div>
    <div class="box1">14124</div>
    <div class="box1">141414</div>

</div>
</body>
</html>

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

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>

浏览器访问服务器问题

1

通用

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

用fiexd定位

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: white;
}