HTML
HTML是用来描述网页的一种语言
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言(markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML5 是最新的 HTML 标准
- HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件
- HTML5 拥有新的语义、图形以及多媒体元素
- HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建
- HTML5是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行
- 新的语义元素，比如 < header>, < footer>, < article>, and < section>
- 新的表单控件，比如数字、日期、时间、日历和滑块
- 强大的图像支持（借由 < canvas> 和 < svg>）
- 强大的多媒体支持（借由 < video> 和 < audio>）
- 强大的新 API，比如用本地存储取代 cookie
标签、元素、属性（开始标签里属性名=属性值，属性值应该使用双引号括起来）、注释
元素
标题（< h1 > 到 < h6 > 分别表示不同大小的标题）
段落（< p >标签）
文本格式（粗体< b >和< strong >）（斜体< i >和< em >）（下划线< ins >）（删除< del >）（下标< sub >）(上标< sup >)
预格式（在网页上显示代码< pre >）
图像< img src=“相对路径或绝对路径”/ >）（一般放在块中）
超链接（< a href=“跳转到的页面地址” target=“页面地址”>超链显示文本</ a>）
表格（< table>标签用于显示一个表格 < tr> 表示行 < td> 表示列又叫单元格）
列表（无序列表< ul > < li >）（有序列表< ol > < li >）
块（div块元素、span内联元素、块级元素在浏览器显示时，通常会以新行来开始和结束、内联元素在显示时通常不会以新行开始）
内联框架（< iframe src=“URL”></ iframe>）
脚本（< script > ）
字符实体（空格 & nbsp;）（乘号 & times;）（和号 & amp;）
文本传输协议URL（http 超文本传输协议 以 http:// 开头的普通网页，不加密）（https 安全超文本传输协议 安全网页，加密所有信息交换）（ftp 文件传输协议 用于将文件下载或上传至网站）
文档类型（< !DOCTYPE> 声明帮助浏览器正确地显示网页）
表单元素
文本框（< input type=“text”> 文本域< textarea>）
密码框（< input type=“password”> ）
表单（< form action=" " method=" “>）
（get和post：
get是form默认的提交方式，通过一个超链访问某个地址，在地址栏直接输入某个地址，提交数据会在浏览器显示出来，不可以用于提交二进制数据，比如上传文件
post必须在form上通过 method=“post” 显示指定，提交数据不会在浏览器显示出来，相对安全，可以用于提交二进制数据如上传文件）
单选框（< input type=“radio” checked=“checked” name=” “>）
复选框（< input type=“checkbox” checked=“checked” name=” " >）
下拉列表（< select size=" " multiple=“multiple”>< option selected=“selected”>）
按钮（< input type=“button” value=" “>）（提交按钮< input type=“submit”> 用于提交form，把数据提交到服务端）（重置按钮< input type=“reset”> 把输入框的改动复原）（< input type=“image” src=” " > 图像作为按钮进行form的提交）（< button type=" ">< /button>即按钮标签）
CSS
CSS技术可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制
css的语法：< style>选择器{属性:值}< /style>
选择器：元素选择器、id选择器、类选择器
注释：以/* 开始，以 */结束
尺寸：width % 和 px
背景：background-color 背景颜色 、background-image:url(imagepath); 图片做背景 、background-repeat 背景重复 、background-size: contain 背景平铺
文本：color 文字颜色 、text-align 对齐 、text-decoration 文本修饰、white-space
（normal 默认。多个空白格或者换行符会被合并成一个空白格
pre 有多少空白格，显示多少空白格，相当于pre标签,如果长度超出父容器也不会换行
pre-wrap 有多少空白格，显示多少空白格，相当于pre标签,如果长度超出父容器，会换行
nowrap 一直不换行，直到使用br）
字体：font-size 尺寸 、font-style 风格 、font-weight 粗细 、font-family 字库 、font 声明在一起
鼠标样式：cursor
表格：表格布局：table-layout（automatic; 单元格的大小由td的内容宽度决定；fixed; 单元格的大小由td上设置的宽度决定）表格边框：border-collapse（separate:边框分隔；collapse:边框合并）
边框：border-style 边框风格 、border-color 边框颜色 、border-width 边框宽度 、border 都放在一起 、border-top 边框位置 、border-top，border-left （交界的边同时出现边框的时候，就会以倾斜的形式表现交界线）
内边距：padding-left: 左内边距、padding-right: 右内边距、padding-top: 上内边距、padding-bottom: 下内边距、padding: 上 右 下 左（上右下左依顺时针的方向依次赋值）
外边距：margin-left: 左外边距、margin-right: 右外边距、margin-top: 上外边距、margin-bottom: 下外边距
超链接状态：link - 初始状态，从未被访问过、visited - 已访问过、hover - 鼠标悬停于超链的上方、active - 鼠标左键点击下去，但是尚未弹起的时候
隐藏：display:none;、visibility:hidden;（使用display:none; 隐藏一个元素，这个元素将不再占有原空间 “坑” 让出来了；使用 visibility:hidden;隐藏一个元素，这个元素继续占有原空间，但是看不见）
css文件：< link rel=“stylesheet” type=“text/css” href="file:// " />
优先级：就近原则
绝对定位与相对定位：绝对定位（属性：position、值： absolute、通过指定left,top绝对定位一个元素、设置了绝对定位的元素，相当于该元素被从原文档中删除了、绝对定位会脱离文档流并造成子元素块级容器的无法识别、位置是基于最近的一个定位的父容器、z-index属性解决元素掩盖问题）相对定位（属性：position、值： relative、通过指定left,top绝对定位一个元素、相对定位不会把该元素从原文档删除掉，在原文档的位置的基础上相对定位）
浮动：属性：float、值： left,right、浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止、不允许出现浮动元素（属性:clear、值: left right both none）
显示：display:none 隐藏 、display:block 块级 、display:inline 内联 、display:inline-block 内联-块级 （块级元素会自动在前面和后面加上换行，并且在其上的width和height也能够生效；内联元素不能）（内联-块级中元素处于同一行，同时还能指定大小）
水平居中、垂直居中、左侧固定、左右固定、底端固定（bottom: 0）
脱离文档流：
使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。
而对于使用absolute :position脱离文档流的元素，其他盒子与其他盒子内的文本都会无视
