2019-02-09

编程语言和非编程语言的本质区别是提供了流程控制语句，有逻辑判断
javascript 浏览器端运行
php java 服务器端运行

ECMA欧洲计算机制造联合会

程序运行过程中将临时数据存储到内存中，获取内存中的数据使用的就是变量，变量是计算机存储数据的标识符

:after，:before使用单冒号是为了兼容之前的浏览器

1、定位属性：
position:static
这个是默认的定位，作用是如果之前指定了定位，然后又不想要了，可以使用这个来消除之前的定位

2、ps使用:
ctrl + e 合并图层
ctrl + t 编辑
ctrl + alt + z 撤销多步操作
alt + delete 填充前景色
ctrl + delete 填充背景色
选区操作：
ctrl + d 取消选区
ctrl + shift +i 选区反选
ctrl + j 复制内容到新图层（也可以选框中的内容重新复制一份到新的图层）
加选区：按住shift键，再绘制选区
减选去：按住alt键，再绘制选区

3、浮动，固定定位，绝对定位后元素会自动转为行内块元素（注意！！！相对定位不会转换）

4、work-break：自动换行
取值：（只针对英文）
break-all 允许在单词内换行
keep-all （默认）只能在连字符处（-）和空格处换行

5、white-space:设置文本显示方式
取值：
nowrap：强制在同一行显示所有文本，直到有br才换行
normal：（默认）默认处理方式

6、text-overflow:文字溢出
取值:
ellipsis:文本溢出时显示省略号标记（...）
clip:文本溢出直接裁掉

注意：该属性需和white-space:nowrap、overflow:hidden搭配使用

7、制作精灵图保存步骤
要保存两种格式：
第一种是.psd格式的图，方便以后修改》》》》点击“文件”，点击“存储为”，保存为.psd格式
第二种是.png格式，记得导出时选择透明背景》》》点击“文件”，点击“导出”，点击“存储为web所用格式”，选择png-8并选择背景为透明

8、字体图标：
我们的页面如果有图片会增大总文件的体积，还有增多很多“http”请求，会减低网页的性能，而且放大缩小会失真，所以字体图标就应运而生了
优点：
本质是文字，可以随意更改颜色，阴影，透明效果
体积小
几乎所有的浏览器都支持

9、制作网页前部分准备
导入别人提前写的清除默认样式的css文件(normalize.css)
根据页面结构写一个合适大部分页面的结构，有相同的页面结构时直接引入即可