博客列表 >HTML文档结构及元素规则

HTML文档结构及元素规则

霏梦
霏梦原创
2020年06月12日 13:06:19564浏览

0611作业:霏梦

1. 默写html页面的文档结构

  1. <!--文档类型-->
  2. <!DOCTYPE html>
  3. <!-根元素-->
  4. <html>
  5. <html lang="en">
  6. <!--头元素-->
  7. <head>
  8. <!--元数据-->
  9. <meta charset="UTF-8">
  10. <meta name="viewport" content="width=device-width",initial-scale="1.0">
  11. <!--文档标题-->
  12. <title>html页面的文档结构</title>
  13. </head>
  14. <!--主体元素-->
  15. <body>
  16. <h2>默写html页面的文档结构</h2>
  17. </body>
  18. </html>

2. 默写html元素的三大通用属性

  • id: 获取页面中的唯一元素
  • class: 获取页面中的一类元素
  • style: 设置某个元素的内联样式

3. 理解元素,类,id不同级别的样式规则

  • id, class: 用在 css, js 中获取一个或多个元素对象
  • style: 用来设置某个元素的具体样式的,内联样式, 仅对当前元素有效
  • 元素选择器优先级小于类选择器, 但是又小于id选择器 ,tag < class < id
  • style属性设置的样式优先级要大于class
  • id 用#
  • class 用.
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议