补充

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;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值