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

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

        div{
            width:50px;
            height:25px;
            border:1px solid black;
            text-align:center;
            line-height:25px;
            float:left;

        }
        button{
            clear:left;
        }

    </style>
</head>
<body>
<div></div>
<button></button>
</body>
</html>

那行内元素受到的浮动影响，怎么消除

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a:link {
            color: red;
        }

        a:visited {
            color: orange;
        }

        a:hover {
            color: blue;
        }

        a:active {
            color: pink;
        }
    </style>
</head>

<body>

    <a href="http://mi.com">小米官网 </a>
</body>

</html>

老师好，为啥我的:visited 效果在谷歌上面不生效呢

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

<style>
    .box1::after{
        content:"" ;
        display: block;
        clear: both;
    }

</style>
</head>
<body>
<div class="box1">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
    <div class="clear"></div>
</div>
<div class="box2"></div>
</body>

老师我想问的是，box1本身不就是块级元素吗，为什么在用伪对象法的时候，还要用到display：block；将它转换为块级元素，前面content：“”；这个我知道是路径，既然没有就不写，而后面的clear：both；是清楚浮动影响，跟添加空div是同样的原理，但为什么还要转换为块级元素，这个是什么原理呢。

而这节课学了5个清除浮动影响的方法，这五个方法，除了给浮动设置高度（已知）、空div法这两种方法除外，剩下三种在使用过程中的区别是什么呢（例如：找到高和没找到高这有什么区别呢），而视频中老师说最常用的方法就是伪对象法，这种方法的优势又在哪

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

background：设置的背景图片怎么调大小

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

老师，广告部分第一块容器ad-aside样式中写了左浮，但为什么和上面banner这一块对齐？

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 53楼

这行列间隙用得多吗，这效果用margin-left这些来设置效果不是也是一样的吗

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 54楼

这里用grid-template-areas来排列的时候用双引号还是单引号？

视频中为啥说用单引号但是却用了双引号。

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 55楼

源码.7z

用记号笔圈出来的那个地方边框属性不生效，麻烦老师看一下

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

缺点的话对分辨率大的显示器有影响会使图片模糊失真，用做图标不可取，使用矢量图标更加友好

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

wrap嵌套的三个div均设置左浮动，但并没有水平排列，嵌套的第一个div设置左浮后位于页面中间，是怎么回事？

div class="white-bar">
        <div class="wrap">
            <div class="logo"></div>
            <div class="nav-bar"></div>
            <div class="search"></div>
        </div>
    </div>

.white-bar{
    width:100%;
    height:100px;
}
.wrap{
    width:1226px;
    margin:0 auto;
}
.logo{
    width:56px;
    height:56px;
    float:left;
    background-color:#ff6700;
}
.nav-bar:{
    width:844px;
    height:88px;
    padding:12px 0 0 30px;
    float:left;
    background-color:blue;
}
.search{
    width:296px;
    height:50px;
    float:left;
}

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 58楼

老师，旋转，缩放，移动这些效果并没有设置浮动，但为什么一个块元素可以遮盖下面的块元素，正常情况下不是会挤下去吗？

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 59楼

问题：关于图片的居中问题

a、为什么图片不可以使用align标签进行居中？除了套用另外的标签的办法使图片居中还有其它的办法嘛？

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

同学您好