有效沟通问答-【官方】百战程序员_IT在线教育培训机构

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 133331个问题

问题：关于径向渐变语法设置中的渐变形状，渐变中心点，渐变大小的顺序是否因浏览器的不同而不同？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景渐变练习</title>
    <style>
        .box1{
            /* 绘制一个圆并设置线性渐变 */
            width:300px;
            height:300px;
            border:5px solid white;
            background-color:red;
            border-radius:50%;
            background-image:linear-gradient(to right bottom,red,orange,yellow,green);
            float:left;
        }
        .box2{
            /* 设置径向渐变 */
            width:300px;
            height:300px;
            margin:10px;
            background-color:chartreuse;
            float:left;
        }
        /* 鼠标悬停在box2上，实现径向渐变效果 */
        .box2:hover{
            /* 为什么top放在circle后效果不显示，而放在circle前才显示效果，老师不是说颜色前的语法顺序是渐变形状、渐变大小、再渐变中心点么？ */
            background-image:-webkit-radial-gradient(top,circle,red,orange,yellow,green);
        }
    </style>
</head>
<body>
    <div class="box1"></div>
    <div class="box2"></div>
</body>
</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS选择器 436楼

我想问一下这里alt，图片不能正常显示的原因有哪些呢？

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素 437楼

老师为什么要这么调位置，有什么说法吗

我这样可以吗，这么做是不是对后面有影响

这个又有什么用

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 438楼

<caption>标签的背景色是什么属性，bgcolor设置无效

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素 439楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1" bordercolor="red" width="700" >
    <tr align="center" bgcolor="orange">
        <td>片名</td>
        <td>日期</td>
        <td>时间</td>
        <td>电影院</td>
        <td>票价</td>
    </tr>
    <tr align="center">
        <td rowspan="2">【国】卡拉是条狗</td>
        <td rowspan="3">3月7日</td>
        <td rowspan="6">7：30</td>
        <td rowspan="2">红楼电影院</td>
        <td>小厅：40</td>
    </tr>
    <tr align="center">
        <td>大厅：50</td>
    </tr>
    <tr align="center">
        <td>【美】谍海计中计</td>
        <td>花市电影院</td>
        <td>30</td>
    </tr>
    <tr align="center">
        <td>【美】正义守望者</td>
        <td>3月8日</td>
        <td rowspan="3">华星国际影院</td>
        <td>小厅：35</td>
    </tr>
    <tr align="center">
        <td>【国】周渔的火车</td>
        <td>3月10日</td>
        <td>大厅：50</td>

    </tr>
    <tr align="center">
        <td>【美】冰川时代</td>
        <td>3月11日</td>
        <td>情侣座：80</td>
    </tr>
</table>
</body>
</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素 440楼

请问怎么实现官网中文字图标那块有细小的横线和竖线，我想补充一些细节的东西，麻烦了老师

10_小米管网项目.rar

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 441楼

老师你好，我在做这个实操时遇到了困难：

【实操】实现单行文本，如果超出容器大小，使用 ... 代替

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 400px;
            height: 400px;
            background-color: gray;
            overflow: scroll;
        }
    </style>
</head>
<body>
   <div>
    <p>asdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasdasdwasd</p>
   </div>
   
</body>
</html>

困惑：我的文本在网页中的盒子里面是横向平铺的，没有罗列在盒子内部。不知为什么

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS常用属性 442楼

body{

margin-left:0px;padding: 0;

background-color: rgb(248, 244, 244);

}

text-decoration: none;

}

.box{

width: 615px;

height: 610px;

background-color:#fff;

position: relative;

/* 图片是否平铺，不平铺 */

background-repeat:no-repeat;

float: left;

margin-left:145px;

}

.box:hover{

box-shadow: 0 10px 15px rgb(202, 202, 218);

}

.box img{

width: 460px;

height: 460px;

position: absolute;

bottom: 0;

left: 77.5px;

}

span{

/* 转换成块 */

display: block;

}

.title{

font-size: 28px;

color: #333;

position: absolute;

top: 30px;

left: 259px;

}

.intro{

font-size: 18px;

color: #333;

position: absolute;

top: 75px;

left: 150px;

}

.price{

font-size: 24px;

color: #c00;

position: absolute;

top: 110px;

left: 267px;

点击整个父元素.box的div点击不了只能点击a里边的元素

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS选择器 443楼

小米官网实战.rar

你好老师那个slide不是应该定位到wrap 吗不知道为什么给定到黑色导航去了

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 444楼

视频中为什么要加bottom？

不是没有position属性吗。

WEB前端全系列/第一阶段：HTML5+CSS3模块/浮动与定位 445楼

文本框如何三个autofocus，placeholder，required属性一起使用？

WEB前端全系列/第一阶段：HTML5+CSS3模块/表单 446楼

img-box宽度为什么设置100%，看了一下也没给它的父级容器设置宽度啊？

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 447楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <from action="">
        <table border="1" width="600" >
<!--            用户名-->
            <tr >
                <td align="right">用户名：</td>
                <td align="center">
                    <input type="text">
                </td>
            </tr>
<!--            密码-->
            <tr bgcolor="#a9a9a9">
                <td align="right" >密码：</td>
                <td align="center">
                    <input type="password">
                </td>
            </tr>
            <tr>
<!--                性别-->
                <td align="right">性别：</td>
                <td align="center">
                    <input type="radio" value="man" name="man" id="man" checked>
                    <label for="man">男</label>
                    <input type="radio" value="woman" name="woman" id="woman" >
                    <label for="woman">女</label>
                </td>
            </tr>
        </table>
    </from>
</body>
</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/表单 448楼

/* 头部广告条样式开始 
定义和浏览器一样宽的宽度，定义高度，如有溢出进行隐藏
利用相对定位*/
.header{
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
}
/* 定义高度，使用绝对定位，居于中间 */
.header img{
    height: 120px;
    /* 图片，以中间开始渲染 */
    position: absolute;
    margin: 0 auto ;
    /* translateX () 函数表示在二维平面上水平方向移动元素 
    即向左平移50%的距离*/
    transform: translateX(-50%);
}
/* 头部广告条样式结束 */

老师，我是用

   margin: 0 auto ;

这个也是达到居中的效果，不过有个疑问，margin和left，哪个是更好一些呢？还是说哦只要效果一样就行啊？

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 449楼

老师你好我都是按着视频打的，然后打到banner部分这个sildel老是定位到黑色导航我查了好久才发现我的wrap的高度跟老师的不一样我改了跟老师一样高度值又被挤下来了然后就不知道怎么搞

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 450楼

同学您好