白小奕 发表于 2018-11-22 22:31:05

HTML速查宝典源码提问

近期正在学习小甲鱼老师讲授的“Web前端开发”系列课程,查看速查宝典的源码,请问为何这里使用<blockquote>标签,而不是<p>标签?“::before”是什么意思?
截图如下

爱学习的懒懒君 发表于 2018-11-22 23:05:36

blockquote会带一个缩进。就是会有外边距,前端是很灵活的,不必拘泥于一定要使用什么元素,只有什么元素更合适,::before是一个伪元素,在CSS中使用,可以用于在一个元素前添加新内容,但又不计入文档流,适合于在元素前添加少量内容又不想有新元素时使用

白小奕 发表于 2018-11-24 23:29:09

爱学习的懒懒君 发表于 2018-11-22 23:05
blockquote会带一个缩进。就是会有外边距,前端是很灵活的,不必拘泥于一定要使用什么元素,只有什么元素更 ...

你好,我编写代码如下,为什么页面背景不会随浏览器宽度变化而改变呢?我用的是ch'rome 70



        <style media="screen and (min-width:512px) and (max-width:1024px)">
        body{
             background-image: url("背景2.jpg");
        }
        </style>

爱学习的懒懒君 发表于 2018-11-25 09:30:26

本帖最后由 爱学习的懒懒君 于 2018-11-25 09:32 编辑

白小奕 发表于 2018-11-24 23:29
你好,我编写代码如下,为什么页面背景不会随浏览器宽度变化而改变呢?我用的是ch'rome 70




我刚试了一下,是可以的啊,这个代码没问题,是不是你图片路径或者其他的问题

白小奕 发表于 2018-11-25 10:38:12

爱学习的懒懒君 发表于 2018-11-25 09:30
我刚试了一下,是可以的啊,这个代码没问题,是不是你图片路径或者其他的问题

图片和html文件在同一文件夹,完整代码如下:
<!doctype.html>
<html>
<head>
   <meta charset="utf-8">
       <meta name="viewport" content="width=device-width,initial-scale=1.0">
       <meta name="keywords" content="朱自清,背影,HTML学习">
       <meta name="description" content="朱自清的《背影》">
       <meta name="author" content="白小弈">
       
       <style>
       body{
              background-image: url("背景.jpg");
        }
       h1{
              text-align: center;
                  color: black;
        }
       h2{
              margin-left: 60%;
                  color: black;
    }
       p{
              text-indent: 32px;
                  font-size: 16px;
                  line-height: 32px;
                  color: black;
        }
        img{
              position: absolute;
                  left: 40%;
                  margin-left: -181px;
        }
        </style>
       
        <style media="print">
        h1{
           color: black;
        }
        h2{
           color: black;
        }
        p{
           color: black;
        }
        </style>
       
        <style media="screen and (min-width:512px) and (max-width:1024px)">
        body{
             background-image: url("背景2.jpg");
        }
        </style>
       
</head>
<body>
   <h1>背影</h1>
       <h2>朱自清</h2>
       <p>
       我与父亲不相见已二年余了,我最不能忘记的是他的背影 。</p>
       </p>
    <img src="timg.jpg" alt="背影的图片找不到了!">
</body>
</html>

爱学习的懒懒君 发表于 2018-11-25 10:46:04

我又试了一下,我这上面真的没问题啊{:10_266:},你会不会是图片后缀写错了什么的{:10_266:},要不你把项目文件层级截图发一下,或者干脆加我qq2359727036聊吧,更快点{:10_266:}

白小奕 发表于 2018-11-25 10:55:12

爱学习的懒懒君 发表于 2018-11-25 10:46
我又试了一下,我这上面真的没问题啊,你会不会是图片后缀写错了什么的,要不你把项目 ...

{:10_257:}嗯嗯,加你QQ吧,麻烦你了
页: [1]
查看完整版本: HTML速查宝典源码提问