[已解决]HTML速查宝典源码提问

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

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

最佳答案

月排行榜 / 总排行榜

爱学习的懒懒君

2018-11-22 23:05:36

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

跳转到最佳答案楼层

爱学习的懒懒君 · 发表于 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

我又试了一下，我这上面真的没问题啊

，你会不会是图片后缀写错了什么的

，要不你把项目文件层级截图发一下，或者干脆加我qq2359727036聊吧，更快点

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

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

嗯嗯，加你QQ吧，麻烦你了

账号		自动登录	找回密码
密码			立即注册