1.关于<!DOCTYPE>声明：
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于<html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 不基于 SGML，所以不需要引用 DTD。
2.<meta>标签：
<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
<meta> 标签永远位于 head 元素内部。
<Meta> 详解直通车：Meta http-equiv属性详解
content 属性始终要和 name 属性或 http-equiv 属性一起使用：
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> <mata name=”keywords” content=”html,asp,PHP,sql”>
3.一些标签
<em>的内容在浏览中显示为斜体，<strong>显示为加粗。 <q>引用文本</q>自动加双引号。<blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。
<address>标签，为网页加入地址信息：<adress>本文的作者:<a href=“mailto:achange_520@163.com”>mail to me</a></adress>
用<code>标签在网页上显示程序代码；注：如果是多行代码，可以使用<pre>标签。
ul-li无序 ol-li有序
4.表格table标签：
创建表格的四个元素：
table、tbody、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中包含几对<td>…</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
6、表格中列的个数，取决于一行中数据单元格的个数。
7.表格的摘要和标题：①摘要的内容不会再浏览器中显示出来，只是为了增加表格的可读性(语义化)，是搜索殷勤更好的读懂表格内容。语法是<table summary=”照耀内容”>。②标题：用于描述表格内容，使用caption标签。标题的显示位置：表格上方。语法：<table><caption>表格的标题</caption></table>
5.<a>标签
链接默认是在当前浏览器窗口中打开，在新的窗口中打开使用target=”_blank” 注意是_blank。
实例：<a href=”mailto:xx@qq.com;13@163.com;?cc=bb@y.com&…&..&..&.”> 第一个是问号 右面是&并列属性
使用<a>标签进行链接Email地址 使用mailto: （注意邮件地址后面是问号+属性=属性值） 注意 ：双引号只有一对。
6.重要：CSS之子选择器和包含(后代选择器)：
子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
总结：>作用于元素的第一个后代，空格作用于元素的所有后代。
通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素
!important优先级样式是个例外，权值高于用户自己设置的样式 优先级最高。
块状元素有一个特点之一：在不设置宽度的情况下，显示为父容器的100%
7.重要：CSS布局模型：流动模型(flow)、浮动模型(float)、层模型(layer)
一、流动模型：是默认的网页布局模式；块状元素都会在所处的包含元素自上而下按照顺序延伸分布；
默认状态下，块状元素的宽度都为父容器的100%占据一行，内联元素都会在所处的包含元素从左到右水平分布显示。(不换行)
任何元素在默认情况下都是不能浮动的。CSS定义浮动:float:left;
设置浮动会使得元素脱离文档流，应当避免；【影响以及处理方法自行百度】
有三种情况会使得元素脱离文档流而存在：浮动、绝对定位(position:absolute;)、固定定位(position:fixed)
二、层模型☆☆☆☆：类似PS中的图层 (例如div中嵌套div 此时的布局就要使用层模型！！！) 主要有三种形式：、
详解直通车：CSS详细解读定位属性position以及参数
绝对定位 position:absolute;
☆☆☆☆☆☆
然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。(默认是position:static;即没有定位！！！)
PS：具有定位属性的父包含块 指的是具有POSITION属性的块级元素！！
相对定位 position:relative;
不会脱离文档流，相对于自己在文档流初始位置进行定位；注意：原来的位置保留！
固定定位 position:fixed;
相对于浏览器窗口定位；注意区分
浏览器窗口 和 文档。
8.CSS代码缩写：
盒模型代码缩写：1》top、right、bottom、left的值相同缩写为：margin:10px; 2》top和bottom值相同、left和 right的值相同(margin:10px 20px 10px 20px)缩写为：margin:10px 20px; 3》left和right的值相同(margin:10px 20px 30px 20px)：缩写为：margin:10px 20px 30px;
字体样式缩写：font:…. 【注意】简写要求至少指定font-size和font-family属性！在缩写时 font-size 与 line-height 中间要加入“/”斜扛
对于中文网站最常用：font:12px/1.5em “宋体”,sans-serif;
————————————————
版权声明：本文为CSDN博主「柒九捌」的原创文章
原文链接：https://blog.csdn.net/weixin_45394046/article/details/97619808