1.关于ps的基础使用方法和技巧.
前端切图
a.PS切片工具切图
利用切片工具绘制出我们想要的团区域，直接储存为web格式，选择想要的图片格式，直接储存，应该选择切片为所有切片、所有用户切片、选中的切片
如果是所有切片就会将我们绘制大的切片以外的区域默认为另外的切片导出（不推荐使用）；
所有用户切片当前我们绘制了几个切片就导出截个切片（推荐使用）；
选中的切片将当前我们选中的某个切片导出；
b.Ctterman插件切图
http://www.cutterman.cn/zh
第一步   在图层面板选中更导出的图层或者组，
第二步   选择要导出的设备端 ----  PC选web端
第三部   确定自己的输出路径，然后直接导出选中图层
2.css
Css就是层叠样式表
作用：进行页面的版面布局和外观样式的美化
Css的引入方式分为3种：行内式，内部样式（内联样式），外部样式
常用Css外部连接步骤如下
01 新建一个.css文件，放在项目下面的css文件夹里面；
02 ：<link rel="stylesheet" type="text/css" href="css/style.css">
rel  关系   告诉浏览器当前引入的文件和html是样式表的关系
type 类型   告诉浏览器当前引入的是css文件类型
href  路径   告诉浏览器去这个路径找到我们的css文件
Css的三种布局机制（了解）：
1、普通流：块级元素独占一行，从上向下顺序排列；常用的元素：div、hr、p、h1-h6、ul、ol、dl、form、table；
                   行内元素一行共存多个，从左到右排列，碰到父元素边缘则自动换行； 常用元素：span、a、i、em；
2、浮动：让盒子从普通流中浮起来，让多个块级盒子一行显示；
3、定位：将盒子在浏览器的某一个位置，后期会经常用到；
浮动的特点
01 浮：让盒子脱离原来的文档流，漂浮起来；
02漏：盒子浮动之后脱离的标准流原来的位置就空了，下面的盒子会补上来；
03特：a、浮动之后的盒子的显示模式会更改为行内块元素的特点；
b、浮动之后的元素之间的没有缝隙的，紧贴在一起，顶端对齐；
c、如果父级盒子不够宽装不下浮动的盒子，盒子会掉下来另起一行；
注意：做浮动布局的盒子建议尽量都添加固定的宽高；
浮动布局注意点（超级重要）
01利用浮动布局的时候，建议给浮动的元素嵌套一个父级元素，然后给父级最好设置固定的高度，就减少出现兼容问题；
02 所有的浮动布局在效果图量取的宽高必须一模一样
3.html
列表分为：无序列表，有序列表，自定义列表
无序列表
ul嵌套li，li里面可以放任何标签，ul里面不要嵌套其他标签只放li标签；
默认的列表样式我们在css里处理；

有序列表：
ol嵌套li标签；
<ol>
        <li></li>
        <li></li>
        <li></li>
</ol>
自定义列表
dl嵌套dt和dd，dt表示我们要描述的标题，dd是描述的内容,一个dl里面可以嵌套多对的dt和dd，一个dt和对应多个dd；
表单（重点）
文本框 type=”text”     <input type="text" >
密码 type=”password”  <input type="password">
单选按钮：type=“radio” , <input type="radio" >想要实现单选效果我们需要给input标签设置相同的name进行设置归为一类；
复选按钮：type=“checkbox”，<input type="checkbox" >也可以设置同样的name名称，但是 不会影响多选的效果；
实现单选按钮和复选按钮的默认选中？
如果想要实现单选按钮和复选按钮默认选中效果我们就需要设置对应的属性checked=“checkde” 可以简写为checkde
单选按钮   <input type="radio" checked="checkde“  >
复选按钮   <input type="checkbox" checked="checkde" >
input按钮组：
普通按钮：<input type=“button” value=“普通按钮” />  必须要自己设置value值；
提交按钮：<input type=“submit” />；
重置按钮：<input type=“reset” />；
图片按钮：<input type=“image“ src=”图片路径” />   src属性必须书写查找图片路径；
文件域名：<input type=“file” /> 上传文件使用；
button标签按钮：<button>我也是按钮</button>

1.关于ps的基础使用方法和技巧.
前端切图
a.PS切片工具切图
利用切片工具绘制出我们想要的团区域，直接储存为web格式，选择想要的图片格式，直接储存，应该选择切片为所有切片、所有用户切片、选中的切片
如果是所有切片就会将我们绘制大的切片以外的区域默认为另外的切片导出（不推荐使用）；
所有用户切片当前我们绘制了几个切片就导出截个切片（推荐使用）；
选中的切片将当前我们选中的某个切片导出；
b.Ctterman插件切图
http://www.cutterman.cn/zh
第一步   在图层面板选中更导出的图层或者组，
第二步   选择要导出的设备端 ----  PC选web端
第三部   确定自己的输出路径，然后直接导出选中图层
2.css
Css就是层叠样式表
作用：进行页面的版面布局和外观样式的美化
Css的引入方式分为3种：行内式，内部样式（内联样式），外部样式
常用Css外部连接步骤如下
01 新建一个.css文件，放在项目下面的css文件夹里面；
02 ：<link rel="stylesheet" type="text/css" href="css/style.css">
rel  关系   告诉浏览器当前引入的文件和html是样式表的关系
type 类型   告诉浏览器当前引入的是css文件类型
href  路径   告诉浏览器去这个路径找到我们的css文件
Css的三种布局机制（了解）：
1、普通流：块级元素独占一行，从上向下顺序排列；常用的元素：div、hr、p、h1-h6、ul、ol、dl、form、table；
                   行内元素一行共存多个，从左到右排列，碰到父元素边缘则自动换行； 常用元素：span、a、i、em；
2、浮动：让盒子从普通流中浮起来，让多个块级盒子一行显示；
3、定位：将盒子在浏览器的某一个位置，后期会经常用到；
浮动的特点
01 浮：让盒子脱离原来的文档流，漂浮起来；
02漏：盒子浮动之后脱离的标准流原来的位置就空了，下面的盒子会补上来；
03特：a、浮动之后的盒子的显示模式会更改为行内块元素的特点；
b、浮动之后的元素之间的没有缝隙的，紧贴在一起，顶端对齐；
c、如果父级盒子不够宽装不下浮动的盒子，盒子会掉下来另起一行；
注意：做浮动布局的盒子建议尽量都添加固定的宽高；
浮动布局注意点（超级重要）
01利用浮动布局的时候，建议给浮动的元素嵌套一个父级元素，然后给父级最好设置固定的高度，就减少出现兼容问题；
02 所有的浮动布局在效果图量取的宽高必须一模一样
3.html
列表分为：无序列表，有序列表，自定义列表
无序列表
ul嵌套li，li里面可以放任何标签，ul里面不要嵌套其他标签只放li标签；
默认的列表样式我们在css里处理；

有序列表：
ol嵌套li标签；
<ol>
        <li></li>
        <li></li>
        <li></li>
</ol>
自定义列表
dl嵌套dt和dd，dt表示我们要描述的标题，dd是描述的内容,一个dl里面可以嵌套多对的dt和dd，一个dt和对应多个dd；
表单（重点）
文本框 type=”text”     <input type="text" >
密码 type=”password”  <input type="password">
单选按钮：type=“radio” , <input type="radio" >想要实现单选效果我们需要给input标签设置相同的name进行设置归为一类；
复选按钮：type=“checkbox”，<input type="checkbox" >也可以设置同样的name名称，但是 不会影响多选的效果；
实现单选按钮和复选按钮的默认选中？
如果想要实现单选按钮和复选按钮默认选中效果我们就需要设置对应的属性checked=“checkde” 可以简写为checkde
单选按钮   <input type="radio" checked="checkde“  >
复选按钮   <input type="checkbox" checked="checkde" >
input按钮组：
普通按钮：<input type=“button” value=“普通按钮” />  必须要自己设置value值；
提交按钮：<input type=“submit” />；
重置按钮：<input type=“reset” />；
图片按钮：<input type=“image“ src=”图片路径” />   src属性必须书写查找图片路径；
文件域名：<input type=“file” /> 上传文件使用；
button标签按钮：<button>我也是按钮</button>