前端浅了解

HTML5

HTML5就是html语言，5表示该语言的版本号，html语言开发的文件是以.html为后缀，展示在浏览器页面上最终实现与用户之间的前端界面。是一门超文本标记语言。

html5 分为转义字符，标签和指令三大部分。

在html5中有许多特殊字符组合会被解析为特殊的含义。

如：

1. 空格：&nbsp;
2. 字符"：&quot;
3. 字符&：&amp;
4. 字符<：&lt;
5. 字符>：&gt;

标签：

标签有单双标签之分：单标签无需内容，重要的是功能，如img标签，可以省略结束符。

双标签主内容，需要作用域，必须在要有结束符。

常用标签：

页面结构相关的系统标签
1. 页面根标签：<html></html>
2. 页面头标签：<head></head>
3. 页面体标签：<body></body>
4. 页面标题标签：<title></tile>
5. 元标签：<meta />
6. 链接标签：<link />
7. 样式标签：<style></style>
8. 脚本标签：<script></script>

简单的系统标签
1. 标题标签：<h1></h1> ... <h6></h6>
2. 段落标签：<p></p>
3. 换行标签：<br />
4. 分割线标签：<hr />
5. 行文本标签：<span></span>
6. 斜体标签：<i></i>
7. 加粗标签：<b></b>
8. 图片标签：<img />
9. 超链接标签：<a></a>
7. "架构"标签：<div></div>

复杂的系统标签
1. 无需列表标签：<ul><li></li></ul>
2. 表格标签：<table><!-- 包含大量的表格子标签 --></table>
3. 表单标签：<form><!-- 包含大量的表单子标签 --></form>

标签的嵌套关系

在html中，在body中写标签，使用<div>形成的大的框架，再大框架形成以后在开始着手写入标签来实现功能。

定义标签属性可以使用行间式，内联式外联式，三种方式，行间式当多个标签的属性相同时，就不好用了，

如果不是团队开发的话使用内联式是再好不过得了

css的基础选择器

基础选择器有统配选择器，标签选择器，类选择器，id选择器组合选择器
选择器查找时的优先级关系：组合>id>类名（class>标签名>统配选择器

优先级是根据作用域来定的，作用越小优先级越高。