为什么在空的html文件中应用边框时,通用选择器会显示两个元素？(CSS)
我正在Code Academy学习Web Fundamentals课程并注意到一些奇怪的事情.
如果我有这样的html文件:
<!DOCTYPE html>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
和这样的CSS文件:
* {
border: 2px dashed black;
}
我将看到概述的两个要素.看起来像浏览器窗口边缘的东西,然后是里面稍微小一点的盒子.这两个盒子是什么？我的HTML文件中没有元素,所以概述了什么？
起初我以为它是<html>和<body>元素的轮廓,所以我尝试删除<body>,尝试删除<head>,最终甚至删除<html>但仍然有两个框.
谢谢!
编辑:我按照建议尝试搜索,但找不到以前的答案.谢谢,很难找到这个具体问题的答案.
开始和结束标记的html和body元素都是可选的.
您删除了标签,但没有删除元素.您可以通过在DOM检查器中查看文档来查看此内容(例如,您可以在大多数浏览器开发人员工具中找到).
(这同样适用于head,但display: none默认情况下).
