分类目录归档：大前端
笔记目录
所以，JS既可以做前台，也可以做后台！
以前我们布局基本上都是使用div盒子，但是div盒子对于搜索引擎而言没有任何语义。我们可以将div再细分一下，生成一些语义化的布局标签。于是，HTML5新增加了一些新的标签、新的表单和新的表单属性等。
注意，这些新特性都有兼容性问题，基本是IE9+以上版本的浏览器才支持。
使用多媒体标签可以很方便地在页面中嵌入音频和视频，不再使用flash和其他浏览器插件。
<video>标签<video src="文件路径" controls="c...更改一些用户操作样式，提高用户体验，包括：
行内元素或者 行内块元素 的垂直对齐方式cursor：pointer;<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equ...让一个元素在页面中隐藏或者显示出来：类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现。
display：non``edisplay属性：设置一个元素如何显示
笔记目录
1.布局定位属性：display / position / float / clear / visibility/ overflow （建议display第一个写，毕竟关系到模式）
2.自身属性：width / height / margin /...
笔记目录
传统PC端网页布局（摆盒子）的三种方式：
标准流（普通流）：标签按照规定好默认方式排列（最基本的布局方式）
浮动：可以改变元素标签默认的排列方式
典型应用：让多个块级元素一行内排列显示
定位：网页布局的第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。
float属性：用于创建浮动框，将其移动到一边，直到左边缘/右边缘/另一个浮动框的边缘（贴在一起）
float：none(默...盒子模型：本质是一个盒子，用来装内容
组成：边框，外边距，内边距和内容
content：内容
padding：内边距（内容与盒子之间的距离）
border：边框
margin：外边距（盒子之间距离）
border：边框粗细、边框样式、边框颜色
盒子边框的属性：
元素显示模式分为：块元素；行内元素
<h1>~<h6>, <p>, <div>, <ul>, <ol>, <li>常见的块元素为：<h1>~<h6>, <p>, <div>, <ul>, <ol>, <li>等
其中<div>是最经典的块元素。
块元素的特点：
内部样式表：将CSS代码写在html内部，放到了<style>标签中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">...CSS是层叠样式表（ Cascading Style Sheets ），也为CSS样式表或级联样式表，是一种标记语言。
html主要做结构，css主要做样式，美化html网页布局，使得结构与样式相分离
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" ...