【前端05_CSS】定位、吸顶效果、变形、动画、原生响应式、分页条
定位 Positiond通过定位可以把元素放到屏幕中想要的位置
定位跟浮动有些类似，漂浮起来的（脱离原来的文档流，除了 relative）
通常会配合 left，top 值
相对定位
position: relative; 相对于 原来的位置 定位，并没有脱离原来的文档流，左上角为坐标原点。原来的位置会站着空间，依赖于原来的位置，类似漂浮起来，这个没有空间，会把别的元素覆盖掉。
相对定位是在相对元素原来的的位置定位，它还是占着原有的位置的。
绝对定位
position: absolute; 和窗口左上角进行定位，一般他的 父对象 要配合 position: relative; 的。
如果父元素有相对定位，那么跟参考父元素，如果父元素没有相对定位，那么就是根据窗口左上方定位（浏览器工作原理，并不是 body，也不是 html，而是窗口正上方）
嵌套的话，relative 比作是糖，糖在谁身上就跟谁走。为了消除隐患，要给就给他爸，要么就不给
固定定位position: fixed; 一般用来做右边的导航栏的，这时候就把 left 换成 right，换右边作为参考系，一直都能 ...
如何利用开发者模式下一首歌（= 。=）
1. 首先在网页找你想要下载的歌，我找的这个如下 2. 然后打开浏览器上的开发者选项，快捷键 F12 3. 刷新网页，按播放键，然后抓网络包 4. 然后选择size降序排列，通常歌曲的数据都挺大的，后缀可能是m4a，也有mp3
然后点下载即可
【前端04_CSS】布局：浮动、弹性盒子、双飞翼、品字、网格，盒子模型
浮动 Folat作用：把 块级标签放在同一行上
用在 块级，行级和行内块不需要
通常是用 float: left;，也有右浮动右浮动是从右往左写的
浮动:脱离原来的文档流，并且失去他所占的空间，其他的标签会挤上去（浮动的方向是从屏幕到你眼睛的方向）
浮动带来的影响浮动的元素不占原来的空间，下面的元素会挤上来（浏览器设计：文本不会被浮动的元素盖住）
消除浮动带来的影响**
在浮动元素的 父元素 上加属性 overflow: hidden; W3C 提出的方法
消除浮动第二种方法：在浮动的元素里建一个空的 div，即没有高的 div，然后给其一个类 cle，然后在这个类属性中加上 clear: both;/*清除浮动*/，代码片如下：
1234567891011.cle{ clear: both;/*清除浮动*/ } <div class="fa"> <div class="son">1</div> < ...
【前端03_CSS】选择器、优先级及计算、文本、背景图、雪碧图、行级/块级/行内块
样式 Style 分类样式分内部样式，行内样式，外部样式
行内样式：写在标签里的 Style，例子如下<div style="width: 200px;height: 200px;background-color: skyblue"></div>
内部样式：写在 head 中 style 里的样式
外部样式：写在外部 css 文件中，用到的时候需要调用
1234567891011121314151617181920<head> <!--内部样式：写在head里的style--> <style> /*选择器*/ /*id选择器，唯一，不要以数字开头、不要有中文、不要纯数字*/ /*找id用井号#*/ #div1{ width: 333px; background-color: skyblue; } /*标签选择器，直接写标签名，选中所有标签 ...
【前端02_HTML】基本标签：表格、输入框Input、Label、列表、语义化标签
基本标签表格 Table表格加载 速度慢 ，效率低，尽量不用（可能在制作火车时间表上使用）通常的格式为：table 声明表格，tr 表格的行，td 表格的列
12345678910<table border="1"> <tr> <td width="300"><input type="checkbox" />网站建设与传播</td> <td><input type="checkbox" />电子商务</td> </tr> <tr> <td><input type="checkbox" />数字化展馆</td> <td><input type="checkbox" />多媒体互动</td> </tr></table>
...
【前端01_基础】安装、前端起步、页面标题栏icon
准备工作
首先推荐测试的浏览器 谷歌浏览器 ，当然开发版的 FireFox 也可以哦，看您的心情。
Webstorm 安装，破解的话网上有注册码。
新建个空白的工程 Empty Project，Location 自己选个位置，一般是除了 C 盘的其他盘里，你要记住你保存到哪里了，然后点击 Create
软件的工作项目界面如下，首先新建个 Directory(文件夹)，取名字为 Html，==为了以后开发的逻辑分类，前期要养成分类的习惯，新建 Html,Img 两个文件夹，分别保存代码和图片==。
琐碎知识点整理
首先新建的 XXX.Html 文件里面不是空的，这些都是什么呢？
根据 W3C 推荐标准，通过 html 标签中的 lang 属性对每张页面中的 主要语言，进行声明，其他的图片里注释了。 *[lang]: 声明主要语言 Language
代码的注释可以使用 ctrl+shift+“/”
故事：当年微软的 IE 很厉害，便开始得意起来，把自己的浏览器团队解散掉，只剩下维护人员，这些开发人员被其他公司邀请来，最后诞生些 ...
