ps
颜色设置
填充前景:ALT+DEL
填充背景:Ctrl+Del
颜色切换:X
默认黑白;D
纸张大小
A4:210*297mm
A3:420*297mm
选区
规则选区
矩形选框:按住shift键得到正方形选区
圆形选框:按住shift键得到正圆形选区
正常:得到任意大小的矩形或圆
固定比例:得到带有严谨比例关系的造型
固定大小:得到带有严谨数值的造型
不规则选区
取消选区:ctrl+D
***********************************************************
京东首页实战DAY1
4、列表
场合:使用列表做导航
常用:list-style:none;
<ul>
<li></li>
</ul>
**分析网页布局
1、框架
1、页面顶部<header>
2、logo和搜索框<div>
3、导航<nav>
4、banner页面广告<div><article>
5、主体内容<section>
6、支付指南、配送方式等<div><footer>
7、页面底部<footer>
2、设置列表图标圆形(可以双标记i/li引入)
float:left;
width:22px;
height:22px;
line-height:22px;
background:#3e3e3e;
border-radius:50%;<!--实现图标圆形,方形就设置长高-->
text-align:center;
color:#fff;
cursor:pointer;
margin-left:10px;
3、过渡效果
transition:background 0.2s linear 0s;
从0秒开始 经过0.2秒的时间 用linear(一种线性设置)
#show-images>li{
/*过度效果*/
transition:background 0.3s linear;
}
#show-images>li:hover{
background-position:-10px 0;
}
移到li时,会经过0.3秒以平移的方式把图片位置调为-10px 0;
颜色设置
填充前景:ALT+DEL
填充背景:Ctrl+Del
颜色切换:X
默认黑白;D
纸张大小
A4:210*297mm
A3:420*297mm
选区
规则选区
矩形选框:按住shift键得到正方形选区
圆形选框:按住shift键得到正圆形选区
正常:得到任意大小的矩形或圆
固定比例:得到带有严谨比例关系的造型
固定大小:得到带有严谨数值的造型
不规则选区
取消选区:ctrl+D
***********************************************************
京东首页实战DAY1
4、列表
场合:使用列表做导航
常用:list-style:none;
<ul>
<li></li>
</ul>
**分析网页布局
1、框架
1、页面顶部<header>
2、logo和搜索框<div>
3、导航<nav>
4、banner页面广告<div><article>
5、主体内容<section>
6、支付指南、配送方式等<div><footer>
7、页面底部<footer>
2、设置列表图标圆形(可以双标记i/li引入)
float:left;
width:22px;
height:22px;
line-height:22px;
background:#3e3e3e;
border-radius:50%;<!--实现图标圆形,方形就设置长高-->
text-align:center;
color:#fff;
cursor:pointer;
margin-left:10px;
3、过渡效果
transition:background 0.2s linear 0s;
从0秒开始 经过0.2秒的时间 用linear(一种线性设置)
#show-images>li{
/*过度效果*/
transition:background 0.3s linear;
}
#show-images>li:hover{
background-position:-10px 0;
}
移到li时,会经过0.3秒以平移的方式把图片位置调为-10px 0;