区别

margin始终是透明的；margin是用来隔开元素与元素的间距；

padding是用来隔开元素与内容的间隔。

作用范围

margin用于布局分开元素使元素与元素互不相干；

padding用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段“呼吸距离”，还可以调整边框与内容的距离。

选择器

类别选择器、标签选择器、id选择器、通用选择器、后代选择器、子选择器、伪类选择器、群组选择器、相邻同胞选择器

优先级

1. 在属性后面使用！important会覆盖页面内任何位置定义的元素样式。

2. 作为style属性写在元素内的样式

3. id选择器

4. 类选择器

5. 标签选择器

6. 通配符选择器

7. 浏览器自定义或子元素集成父类的样式

什么是自适应网页设计

“自适应网页设计”的概念，什么是自适应网页设计，即可以自动识别屏幕宽度、并做出相应调整的网页设计。

如何实现自适应网页设计

1. 允许网页宽度自动调整：在网页代码的头部加入一行viewport元标签，宽度为设备宽度，缩放比例为一。
2. 不使用绝对宽度：可以使用百分比宽度，视窗宽度等，或者width:auto;
3. 使用相对大小的字体：em、rem
4. 流动布局：各个区块的位置是浮动的，不是固定不变的
5. 图片自适应：图片自动缩放 img { max-width: 100%;}
6. 选择加载css：自适应网页设计”的核心，就是CSS3引入的Media Query模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。
7. css中的@media媒体查询规则：同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。

1. px：绝对单位，页面按精确像素展示
2. em：相对单位，基准点为父级元素字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
3. rem：相对单位，为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
4. %：相对单位，相对于父级元素的百分比宽度
5. vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。
   vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。
6. vm；css3单位，相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vm
   举个例子：浏览器高度900px，宽度1200px，取最小的浏览器高度，1 vm = 900px/100 = 9 px。

PS切图

切片工具

使用PS中的切片工具进行所需图片的切割，然后点击文件选项卡，选择其中存储为web所用格式即可完成ps切图。

一键切图

下载一键切图工具并载入动作，用移动工具选择图层，按F2一键切图。最后选择保存为web所需格式，注意保存为png格式防止出现兼容性问题。

下载链接及教程： 前端高效开发之“一键切图”

1. 买一个服务器

2. 下载filezilla

3. 连接自己的服务器，将对应代码上传（全中文页面不再赘述）

什么是nginx？

Nginx（发音同engine x）是异步框架的网页服务器，也可以用作反向代理、负载平衡器和HTTP缓存。该软件由伊戈尔·赛索耶夫创建并于2004年首次公开发布。2011年成立同名公司以提供支持。2019年3月11日，Nginx公司被F5 Networks以6.7亿美元收购。

Nginx是免费的开源软件，根据类BSD许可证的条款发布。一大部分Web服务器使用Nginx，通常作为负载均衡器。

使用github搭建个人网站

1. 在github上搭建网站 即username.github.io（username是你的github用户名）
2. 把自己的域名（如zhangsan.com）绑定到username.github.io上

具体操作：如何用github搭建自己的个人网站

用Hexo+Github 搭建个人网站

svn与git简介

SVN （集中式版本控制系统）

SVN是Subversion的简称，是一个开放源代码的版本控制系统,支持大多数常见的操作系统。作为一个开源的版本控制系统,Subversion管理着随时间改变的数据。这些数据放置在一个中央资料档案库(repository)中。这个档案库很像一个普通的文件服务器,不过它会记住每一次文件的变动。这样你就可以把档案恢复到旧的版本,或是浏览文件的变动历史。Subversion是一个通用的系统,可用来管理任何类型的文件,其中包括了程序源码。

代码开发在大多数情况下不是一个人的工作，那么不同人之间如何统一代码共同进行项目开发呢。git 是一款分布式版本控制系统，本文简要介绍了git的基本应用。