html标签的作用

当你在浏览器中使用开发者工具（F12）查看

html[Attributes Style] {  
    -webkit-locale: "en";  
}  
html {  
    display: block;  
}

这里的“-webkit-locale”实际上是“lang”属性的表现，用于指示网页语言为英文。

body标签的特性

在浏览器中查看

body {  
    display: block;  
    margin: 8px;  
}

这意味着body标签默认的外边距为8px。虽然大多数浏览器（如Chrome和Firefox）一致，但建议通过CSS手动设置以确保一致性。

head标签的功能

查看

head {  
    display: none;  
}

这意味着head标签默认是不可见的。你可以通过在element.style中设置display:block来查看其内容。标题标签(!title>)也会受到相同样式的影响。

需要注意的是，

此外，如果在head中添加文本，浏览器会将其归类为body标签的内容。这意味着添加的文本会出现在网页的正文中。

element.style的用途

element.style指的是内联样式或通过JavaScript动态修改样式后留下的样式。如果element.style为空，通常是因为样式被内联或通过JavaScript设置的。

在开发过程中，有时候会遇到组件样式由JavaScript控制的情况。这时候，如果需要修改样式，建议在自己的样式文件中添加！important来强制样式生效。