html的文档结构-html元素的三大通用属性-元素、类、id的样式规则

1.前端有三宝HTML、CSS、JavaScript

2.html的文档结构

<!-- 声明是html文档，位于<html>标签之前 -->
<!DOCTYPE html>
<!-- 根元素 -->
<html>
    <!-- 头元素 -->
    <head>
        <!-- 元数据，字符编码为UTF-8 -->
        <meta charset="UTF-8" />
        <!-- 文档标题 -->
        <title></title>
    </head>
<!-- 主体元素：定义html文档的主体 -->
    <body>
        <!-- 标题元素 -->
        <h1>
        </h1>
        <!-- 段落元素 -->
        <p>
        </p>
    </body>
</html>

3.html元素的三大通用属性
1.id:由用户保证它在当前页面的唯一性,浏览器并不检查
2.class:类属性,返回多个具有共同特征的元素集合
3.style:设置当前元素对象的样式
这三大通用属性的优先级:class>id>style

总结:这节课让我了解到了html的文档结构和哪三个html三大通用属性,懂得了如何用js获取浏览器内容

相关文章