博客列表 >html页面的文档结构,html元素的三大通用属性以及元素,类,id不同级别的样式规则
html页面的文档结构,html元素的三大通用属性以及元素,类,id不同级别的样式规则
- 我说孟原创转载
- 2020年06月14日 22:44:17857浏览
一 . HTML 文档结构与 HTML 元素的三大属性
1.文档结构
代码 |
描述 |
<!DOCTYPE html> |
通知浏览器这是⼀个 HTML5 ⽂档 |
<html>…\</html> |
根标签,或叫根元素,整个 hmtl ⽂档内容都必须写到这对标签 |
<html lang="en"> |
通知搜索引擎 html ⽂档使⽤的编写语⾔ |
<head>…</head> |
描述字符编码集、视⼝与⻚⾯标题 |
<meta> |
设置⻚⾯元素数据 |
<meta charset="UTF-8"> |
通知浏览器 html ⽂档编写语⾔所属的字符编码 |
<meta name="viewport" content="..." /> |
下⾯三⾏是对它的解读 |
name=”viewport |
设置视⼝(即可视区屏幕)如何显示这个⻚ |
initial-scale=1.0 |
设置⻚⾯初始绽放⽐例 |
<title> |
⻚⾯的标题 |
<body>…</body> |
⻚⾯主体内容 |
<!-- 注释内容 --> |
注释 |
二.元素的三大属性:
1.id属性:文档中以id=”命名”给元素添加属性,应当具有唯一性,用户保障唯一性,浏览器不检查,不报错,样式中以#开头
2.class属性:类属性,样式选择中以.命名样式,通常为一类元素做样式设定
3.元素(标签):style主要作为内联式样式选择器,通常为单个元素做特定样式选择
三.html中三大通用属性的优先级别
style>id>class
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。