HTML速查宝典源码提问
近期正在学习小甲鱼老师讲授的“Web前端开发”系列课程,查看速查宝典的源码,请问为何这里使用<blockquote>标签,而不是<p>标签?“::before”是什么意思?截图如下
blockquote会带一个缩进。就是会有外边距,前端是很灵活的,不必拘泥于一定要使用什么元素,只有什么元素更合适,::before是一个伪元素,在CSS中使用,可以用于在一个元素前添加新内容,但又不计入文档流,适合于在元素前添加少量内容又不想有新元素时使用
爱学习的懒懒君 发表于 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:32 编辑
白小奕 发表于 2018-11-24 23:29
你好,我编写代码如下,为什么页面背景不会随浏览器宽度变化而改变呢?我用的是ch'rome 70
我刚试了一下,是可以的啊,这个代码没问题,是不是你图片路径或者其他的问题
爱学习的懒懒君 发表于 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> 我又试了一下,我这上面真的没问题啊{:10_266:},你会不会是图片后缀写错了什么的{:10_266:},要不你把项目文件层级截图发一下,或者干脆加我qq2359727036聊吧,更快点{:10_266:} 爱学习的懒懒君 发表于 2018-11-25 10:46
我又试了一下,我这上面真的没问题啊,你会不会是图片后缀写错了什么的,要不你把项目 ...
{:10_257:}嗯嗯,加你QQ吧,麻烦你了
页:
[1]