前端（）

页面仔，切图仔 美工 的年代（jquery）

web开发方式：

后端渲染 80%  1万

前端 20%  3千


过渡的年代（mvc）


mvvm （react，vue，angular）


前端 

html （骨骼 写网页的结构）
css （皮肤外貌 主要对 html进行美化的）
JavaScript js （人的思想 可以实现对html和css的控制）

屌丝年代：一般表单验证，弹窗，特效

高富帅年代：做后端开发，操作系统，桌面开发，移动端（app），pc，h5

前端 + 后端（数据库，服务器）


html

<> </>


谷歌浏览器

百度

请求方式

get
www.baidu.com?name=zhangsan&pwd=11111&d=111
表示从服务器获取一个资源

post
表示向服务器提交一条数据

put
表示向服务器更新一条数据

delet
表示向服务器删除一条数据

div 作用？

主要是用来实现网页布局划分的

标签分类：

作用：

1：块标签 div p ul h1

独占一行的标签
可以设置宽高

2：行标签 a img input 
不独占一行的标签
可以设置宽高




css （层叠样式表）

写样式做美化

3中写法：

1：内联写法
 <p style="color: blue;">212222</p>

2：内部写法

3：外链写法

!important; 改变css的权重

选择器

选择器类型 {
    属性名: 属性值;
}

1：标签选择器
2：属性选择器

3：id选择器 表示这个类名是唯一的  （基本没啥用）
要求：在用id的时候最好不要出现重复
场景：
用来和js进行交互

#名称 {

}

4：class选择器
.名称 {

}

5：全局选择器 * （基本没啥用）
清除浏览器默认样式的


6：伪类选择器


盒子模型

就是现实生活中的 盒子

外边距 margin

内边距 padding

边框 border

内容 content

计算规则：

最终的宽高 = 你写的宽 + 左右边框 + 左右内边距 
            你写的高 + 上下边框 + 上下内边距

box-sizing: border-box;

定位

让元素固定在某个位置


相对定位
  1: 如果元素被甚至了相对定位，元素会脱离文档流，原本所在位置不会删除
  
  定位参考对象：
   参考以前位置

绝对定位（墙头草）.

 如果元素被设置了绝对定位，元素会脱离文档流，原本所在位置会删除

 是否有父容器，是否定位
   定位了：
    参考父容器

   没有定位：
    参考body来定位

固定定位

  如果元素被设置了固定定位，元素会脱离文档流，原本所在位置会删除

  参考浏览器来定位