博客列表 >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 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议