“前端三宝”基础入门
- 北纬38原创转载
- 2020年06月12日 19:15:051155浏览
“前端三宝”基础入门
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属性 |
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。