前端学习第三天----页面布局及PS的简单运用的学习

PS学习：

测量: 矩形选框工具
         信息面板   f8
         数值为整数  编辑 --->首选项--->单位与标尺--->单位中选中像素
         辅助线    ctrl R
         取消所有辅助线   视图----取消所有辅助线

实践：

目标：

完成：

 

.html body代码：

<div class="box">

        <div class="title">

            <img class="titlebox" src="images/title.jpg" />

            <div class="buy">

                <span class="spa1">直接爆款抢先购</span>

                <span class="spa2">&gt;</span>

            </div>