为了账号安全,请及时绑定邮箱和手机立即绑定

从 psd 到 html

黑白猪 Web前端工程师
难度初级
时长 1小时51分
学习人数
综合评分9.63
432人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / ICHAYA
<...code...>用border画三角形请参考如下,其实非常容易理解http://www.zhangxinxu.com/wordpress/2010/05/css-border%E4%B8%89%E8%A7%92%E3%80%81%E5%9C%86%E8%A7%92%E5%9B%BE%E5%BD%A2%E7%94%9F%E6%88%90%E6%8A%80%E6%9C%AF%E7%AE%80%E4%BB%8B/demo参考http://www.ziven27.com/cssAngle/

已采纳回答 / 菜鸟的蜕变之路
这个因情况而论吧,看页面的复杂程度咯。像一个pc官网大概2-3天吧,新手的话。你是新手,你可以说一个星期之内,我在公司就是这么说的,实际上并不要那么久!

讲师回答 / 黑白猪
以后会慢点的,方便大家看清楚

已采纳回答 / 大懒虫不偷懒
可以用jquery来控制tab的class中的active,当点击tab时候获得active 不是active的图片display:none;

已采纳回答 / Walk_
因为banner中的图片和文字,要利用绝对定位,进行居中。因为绝对定位需要一个定位的参照物,这里为banner设置relative就是希望banner成为定位的参照物。

已采纳回答 / 慕仔1895948
line-height:18px;计算方法:(两行之间的间距)+(字体本身的高度)。或者:(两行之间的间距)/2+(字体本身高度)+(两行之间的间距)/2。(两行之间的间距)/2表示:字体距离上下高度是一样的,也就是说,上一行距离下一行的距离和下一行距离上一行的距离是一样的。

已采纳回答 / 起名字真的好难
li*n,代表生成 n行<li></li>; li*n.a 代表生成n行<li><a></a></li>。

已采纳回答 / Molly_0001
menu-tips是居中的,menu-tips:after是相对于menu-tips的左下角,而且menu-tips:after的border是menu-tips宽度的一半,也就是menu-tips:after的整体宽度是和menu-tips的宽度是一样的,所以从整个页面来看,menu-tips:after是居中的。

已采纳回答 / shinfoxy
由于PSD图没有给出,我是随便找了一张PSD图练习的。在PS界面内按以下步骤操作:选中移动工具(左侧条第一个那个指针icon),确保勾上自动选择:图层点击你要抠出的logo,在图层面板(可以按F7打开)找到对应的logo位置,右键“转换为智能对象“选中矩形选框工具(左侧条第二icon),围住你要抠出的logo,先按Ctrl+C,再按Ctrl+N。在弹出的对话框点确定(此时可能会看到该logo的宽高),之后会新建一个页面在这个新建的页面按Ctrl+V进行黏贴,然后围住新的icon,点击文件存储为Web所用格...

讲师回答 / 黑白猪
请把视频看完 O(∩_∩)O~~~~ 课程的目的和总结
课程须知
1、对 html+css 基础知识已经掌握; 2、会简单使用 Photoshop; 3、需要一步一步动手做;
老师告诉你能学到什么?
1、独立完成一个设计稿的转化; 2、Css从整理到局部的分离; 3、Css命名一些技巧和语义化; 4、Html标签结构的优化和选择; 5、PS软件当中的切图技巧 6、Css代替部分图片实现小icon; 7、兼容性处理的方法; 8、和后端配合时注意的事项;

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消