fullpagejs实现的拥有header和foooter的全屏滚动，
技术要点：给section元素加fp-auto-height类，
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta chars
DOM 是为了操作文档出现的 API，document 是其的一个对象；
BOM 是为了操作浏览器出现的 API，window 是其的一个对象。
使用下图讲解：
归DOM管的：
E区：即document
&#
一、CSS简介CSS全称cascading style sheeding，层叠样式列表。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。二、CSS组成1、选择器（1）标签选择器
<head>
<style>
p{
官网：https://daneden.github.io/animate.css/
animate.css 是一款跨浏览器的动画库。
使用方式：
在页面的 <head>中引入样式文件：
<head>
<link rel="stylesheet" href="anim
HTML其实还是蛮容易学习的，无非就是一些标签、格式的填写，大学的时候也做过网站设计，所以这里主要记录一些常用的HTML标签、属性以及书写方法等。一、常见HTML格式
主要包含文件type，html标签、head标签、body标签三个主题标签，其中Head主要包含字符集、描述、关键字等信息，而Bod
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transfor
<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input
IPhoneX全面屏是十分科技化的，但是由于其圆角和摄像头刘海位置以及操控黑条的存在使得我们需要去对其样式做一些适配，没有X的同学可以开启 Xcode 9 的iPhone X 模拟器作为学习和调试。
设计和尺寸相关
IPone型号
屏幕尺寸
屏幕密度
开发尺寸
像素密度
倍图
4系列
3.5英寸
3
原理：浮动+margin负边距
示例代码：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF
用swiper4实现的拥有header和footer的全屏滚动demo，
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ful
1、display属性设置
先将元素设为display: none（需要1次重排和重绘），然后对这个节点进行100次操作，最后再恢复显示（需要1次重排和重绘）。这样一来，你就用两次重新渲染，取代了可能高达100次的重新渲染。
只在必要的时候，才将元素的display属性为可见，因
1、网格设计
方法一、float（浮动）
float 将4个div 从左至右排序，当外围区块小时，4个div会根据外围的区块宽度重新调整内容显示的位置。
原理就是利用float:left将元素浮动靠左排列，反之用靠右排列，当超过容器最大宽度时，div就会自动挤到下一行。
方法二、display:in
当我们写页面的时候，不知道你会不会产生这样的问题，为什么我给他添加的这条样式分明已经选择到我要给的元素了，但是他的样式并没有生效，那是为什么呢？
定义的属性有冲突时，浏览器会选择用那一套样式呢，下面来介绍一下选择器的优先级。
一、选择器的优先级排序
1. ！important
在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。
思路：
将页面里
.container与.container_fluid是bootstrap中的两种不同类型的外层容器，按照官方的说法，这两者的区别是：
.container 类用于固定宽度并支持响应式布局的容器。
.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容
在Bootstrap框架中，通过定制了一个类名`form-control`，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。
1、宽度变成了100%
2、设置了一个浅灰色（#ccc）的边框
3、具有4px的圆角
4、设置阴影效果，并且元素得到焦点之时，阴
Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父HTML元素的字体大小。
你可以将 Font Awesome 图标库增添至任何一个应用中，方法很简单，只需要在你的 HTM
列表标签
有序列表:
<ol><li></li></ol>
无序列表：
<ul><li></li></ul> //属性：font-weight字体粗细
表格：
<table>
<
很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用 !important。
1 <style>
2 body {
3 background-color: black;
4 fon
<form action="" method="get/post">
表单<form></form>的提交方式有两种：post，get
post 方式 指交互信息 放入到请求体里面 get 方式 指交互信息 放入到请求头里面
区别：
1.发送请求的空间大小不
客服
