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

<!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模块/表单 454楼

/* 头部广告条样式开始 
定义和浏览器一样宽的宽度，定义高度，如有溢出进行隐藏
利用相对定位*/
.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模块/商城官网项目 455楼

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

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

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.box{

width: 1300px;

width: 1400px;

background-image: url("/第一阶段：HTML5和CSS3/8.背景属性一/01.jpg");

}

</style>

</head>

<body>

</body>

</html>

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

老师，看到每个标签都有name，我没用name也没发现有什么区别。name到底起个什么作用啊

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

justify-content(主轴对齐方式) 少了space-evely

align-items（侧轴对齐方式）少了这两个baseline、stretch

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS盒子模型 459楼

创建文件名可以用中文吗? 以前老师说过最好不要用中文跟拼音...

WEB前端全系列/第一阶段：HTML5+CSS3模块/前端入门与基础知识 460楼

老师，为什么我引图片图片没出来呢？

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

老师为啥这个省略号怎么显示不出来？

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

为什么声音那么模糊？都听不清说的啥。。。。。。

WEB前端全系列/第一阶段：HTML5+CSS3模块/前端入门与基础知识 463楼

body{
    margin-left:0px;padding: 0;
    background-color: rgb(248, 244, 244);
}
a{
    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;

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

<!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>
        * {
            margin: 0;
            padding: 0;
        }

        #container {
            display: grid;
            grid-template-columns: 200px 200px 200px;
            grid-template-rows: 200px 200px 200px 200px 200px;
            grid-template-areas: "item1 item1 item1"
                                 "item2 item3 item4"
                                 "item5 item5 item6"
                                 "item7 item8 item8"
                                 "item9 item9 item9";

        }

        .item {
            font-size: 35px;
            text-align: center;
            border: 1px solid #e5e4e9;
        }

        .item-1 {
            grid-area: item1;
            background-color: #ef342a;
        }

        .item-2 {
            /* grid-area: item2; */
            background-color: #f68f26;
        }

        .item-3 {
            /* grid-area: item3; */
            background-color: #4ba946;
        }

        .item-4 {
            grid-area: item4;
            background-color: #0376c2;
        }

        .item-5 {
            grid-area: item5;
            background-color: #c077af;
        }

        .item-6 {
            grid-area: item6;
            background-color: #f8d29d;
        }

        .item-7 {
            grid-area: item7;
            background-color: #b5a87f;
        }

        .item-8 {
            grid-area: item8;
            background-color: #d0e4a9;
        }

        .item-9 {
            grid-area: item9;
            background-color: #4dc7ec;
        }
    </style>
</head>

<body>


    <div id="container">
        <div class="item item-1">1</div>
        <div class="item item-2">2</div>
        <div class="item item-3">3</div>
        <div class="item item-4">4</div>
        <div class="item item-5">5</div>
        <div class="item item-6">6</div>
        <div class="item item-7">7</div>
        <div class="item item-8">8</div>
        <div class="item item-9">9</div>
    </div>

</body>

</html>

老师，我的代码哪里有问题呢，我看您注释掉就显示空白了，但是我的代码注释了后还是在显示的

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

同学您好