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

从 psd 到 html

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

最新回答 / 表哥4
ps m选中你要切得图,点击图像里面有个裁剪(p) ,Ctrl+shift+Alt+S 存储为web格式
额,老师的banner图片和psd设置的不一样,还有好多随意测量出来的距离都要到后面再讲,感觉好疑惑哟~这个教程可能要反复多看几遍了,总感觉有些简单的操作被老师省略了没讲。
照着老师写的,然后结果显示的字体不一样,行距不一样,a标签脚步还是默认样式~感觉好像自己做的时候哪里漏掉了什么内容,只能自己凭感觉先加上去了。psd无误差完美转成html真的是个技术活啊~
通过JavaScript navigator.userAgent来判断用户使用的浏览器及版本, 如果是IE8以下, 挂个温馨提示"您的浏览器版本过低, 为了获得更好的上网体验, 我们建议您升级浏览器..."然后, 挂个Chrome或Firefox的下载链接, 很惭愧, 只能为前端界做这么点微小的贡献 → →
tou头bu部,显得自己特土鳖,忍不住笑一个~

已采纳回答 / 小白小白小白啦
这个和用clear:both原理一样,只是如果你用clear:both的话,要在每个需要清除浮动的下面都写一个div,然后给这个div设置clear:both,是不是很麻烦?after的作用是在元素的最后面添加一个元素,你可以设置这个元素的css样式,里面的height,visibility,display只是为了让这个添加的元素不可见,真正起作用得还是clear:both,content是设置after的内容,为空就是为了不显示任何东西。。。如果你想搞清楚得话可以百度after就知道了。
老师讲的内容真的很实用,尤其是之前遇到过的某些问题,觉得深有体会
请大家统一在这里点赞
对不对,对吧,好的,我们继续
不是所margin有兼容性,不推荐用吗
老师讲的太棒了!赞

最新回答 / oliviasun1129
请参考css样式权值:标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。权值 可以累加虽然没有展示代码,但估计你在对active设置时,仅使用了.active的类,而前面是加了父元素的类。后写的代码权值没有前面高,因此无法覆盖之前的样式。
课程须知
1、对 html+css 基础知识已经掌握; 2、会简单使用 Photoshop; 3、需要一步一步动手做;
老师告诉你能学到什么?
1、独立完成一个设计稿的转化; 2、Css从整理到局部的分离; 3、Css命名一些技巧和语义化; 4、Html标签结构的优化和选择; 5、PS软件当中的切图技巧 6、Css代替部分图片实现小icon; 7、兼容性处理的方法; 8、和后端配合时注意的事项;

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消