简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > “前端三宝”基础入门
Blogger Information
Blog 13
fans 2
comment 0
visits 10230
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
“前端三宝”基础入门
北纬38
Original
1156 people have browsed it

“前端三宝”基础入门

1.什么是前端三宝？

2.HTML页面的文档结构

代码 描述
<!DOCTYPE html> 声明文档类型
<html> </html> 根标签，或叫根元素
<html lang="en"> 文档使用的编写语言
<head> </head> 头部标签
<meta> 元数据，描述特定信息数据
<meta charset="UTF-8"> HTML文档编写语言所属的字符集，已成行业标准
<meta name="viewport" content="..."> 视口
name=”viewport” 设置视口
initial-scale=1.0 页面绽放比例
<title> 标题
<body> </body> 页面主体内容
<！—-注释内容-> 描述标签功能和用途

3.HTML元素的三大通用属性

属性 描述
id属性 获取页面唯一元素，由用户保证当前页面的唯一性
class属性 类属性，返回具有相同特征的元素集合
style属性 内联样式，写在标签内部的，仅对当前元素有效

3.元素，类，id不同级别的样式规则

元素的样式 用css定义元素的样式，直接写元素的标签名
类样式 通过 .class 的方式来定义css样式
id样式 通过 #class名 的方式来定义css样式
元素 id class 样式的优先级 根元素 < class属性 < id属性 < style属性
Correcting teacher：WJWJ

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
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！