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

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选择器 457楼

<!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新特性 458楼

是这样的，这里面先是用<i>标签把￥弄成斜体了，然后用font-style：normal把￥给弄成正常的了，我想问一下为什么不可以直接把<i>标签去掉呢？<i>标签起的什么作用呢？

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

<style>

        .body{
            background-color: #d0cdcd;
        }

</style>

css设定更改浏览器背景颜色为灰色，但是运行时在浏览器内没有生效，缓存跟network设置后还是不能生效

WEB前端全系列/第一阶段：HTML5+CSS3模块/初识CSS 460楼

<body>
    <div class="box">
        <a href="#">
            <img src="../img/魅族大图.png" alt="">
            <span class="title">魅族 18</span>
            <span class="intro">高通骁龙 888 ｜162g 6.2英寸轻妙手感</span>
            <span class="price">￥4399</span>
            <div class="sub">新品</div>
        </a>
        
    </div>
    <div class="box1">

    </div>
</body>

这是HTML

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

老师我写完之后对不齐啊

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

1、HTML是不是不可以对表格的边框线添加颜色？

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

为啥箭头引入不进去

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

只设置了box的左外边距和上外边距，为什么最右侧也有空隙呢，设置总宽度时如果不考虑这个空隙，8个box就会下移

WEB前端全系列/第一阶段：HTML5+CSS3模块/初识CSS 465楼

同学您好