会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132601个问题

老师,为什么“技术·共享·娱乐”这张图片的高度变高了呢?


图片.png

<!--第一块开始-->
<div class="one box">
    <video src="images/201702241034284066.mp4" autoplay loop muted>
        您的浏览器不支持视频,请升级!
    </video>
    <div class="text">
        <img src="images/video_txt.png" alt="">
        <a href="#">下载迅雷产品</a>
        <i class="iconfont">&#xe60c;</i>
    </div>
</div>
<!--第一块结束-->


/*第一块样式开始*/
.one{
    /*垂直方向溢出部分隐藏 不出现滚动条*/
    overflow: hidden;
    position: relative;
}
.one>video{
    width: 100%;
}
.text{
    width: 716px;
    height: 193px;
    position: absolute;
    /*相对于父元素one往下走50%*/
    top: 50%;
    /*相对于父元素one往右走50%*/
    left: 50%;
    /*往左上走自己宽高的一半*/
    transform: translate(-50%,-50%);
}
.text>img{
    width: 100%;
}
.text>a{
    width: 180px;
    height: 50px;
    margin: 30px auto 20px;
    color: #fff;
    /*z转换为块级元素 样式才会生效*/
    display: block;
    border: 1px solid #fff;
    /*水平居中 行高等于高*/
    line-height: 50px;
}
.text>a:hover{
    background-color: rgba(255,255,255,.5);
}
.text>i{
    font-size: 40px;
    color: #fff;
    animation: updown 1s linear infinite;
    /*转换为块级元素 实现动画*/
    display: block;
}
@keyframes updown{
    0%{
        transform: translateY(0);
    }
    33%{
        transform: translateY(-3px);
    }
    66%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(3px);
    }
}
/*第一块样式结束*/


WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS应用技巧 25353楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>post请求</title>
    <style>
        .sp {width: 80px;height: 35px;line-height: 35px;display: inline-block;}
    </style>
</head>
<body>
    <label for="">
        <span class="sp">用户名:</span><input type="text" class="username">
    </label><br>
    <label for="">
        <span class="sp">密码:</span><input type="password" class="password">
    </label>
    <button>登录</button>

    <script>
        var iun=document.querySelector('.username').value;
        var ipw=document.querySelector('.password').value;
        var btn=document.querySelector('button');

        btn.onclick=function() {
            var xhr=new XMLHttpRequest();
            xhr.onreadystatechange=function() {
                if(xhr.readyState==4) {
                    if(xhr.states==200) {
                        console.log(JSON.parse(xhr.responseText));
                    } 
                }
            }
            xhr.open('post','前台post请求.php',true);
            var datas=new FormData();
            datas.append('usern',iun);
            datas.append('passw',ipw);
            xhr.send(datas);
        }
    </script>
</body>
</html>
<?php

$success=array('msg'=>'ok','info'=>$_POST);
echo json_encode($success);

?>

老师你看

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 25354楼
Python 全系列/第一阶段:Python入门/Python入门(动画版) 25355楼
JAVA 全系列/第九阶段:权限控制与安全认证/Spring Security(旧) 25356楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 25357楼
Python 全系列/第七阶段:网页编程基础/CSS 样式 25359楼

QQ截图20210130173346.png

这个报错是什么意思呢

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 25360楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS3新特性 25361楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Spring 25362楼
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:基于json数据格式完成商品规格参数模板管理 25365楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637