Blogger Information
Blog 24
fans 1
comment 0
visits 20846
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML页面标准文档结构和HTML元素的三大通用属性
知行合一
Original
1310 people have browsed it

今天我们讲一个HTML页面标准文档结构和HTML元素的三大通用属性。

HTML页面标题文档结构如下

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. </body>
  10. </html>

每一行的解释如下
HTML页面文档结构解释
大家一定要牢记,虽然现在主流编辑器都可以一键生成,但大家一定要理解每一行的意义。

HTML元素的三大通用属性

三大通用属性即:

  • id属性 :有唯一性,浏览器不检查,用户要检查保证一个页面中只能有一个ID属性值。
  • class属性:也叫类属性,可以有多个类属性值。类属性值可以用在不同的元素中。
  • style属性:获得当前元素对象的样式。

可以通过JS的各种功能来获取元素对象。

  • getElementById:通过ID获取
  • getElementsByClassname:通过类名获取
  • getElementsByTagName:通过元素名获取

常用的CSS选择器

ID选择器,class类选择器,行内样式,元素选择器。 优先级如下:行内样式>style>id>class>元素选择器.
样式可层叠使用,如果有同样的样式。比如都设置有字体颜色,刚按照优先级别最高的选择器样式显示。


千里之行,始于脚下,继续努力,追赶进度!

Correcting teacher:GuanhuiGuanhui

Correction status:qualified

Teacher's comments:还行!继续加油!
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post