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

从 psd 到 html

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

最新回答 / LanceChou
你指的是视频文字看不清吗?试着缩小浏览器窗口,按''ctrl''+"-"
<li class="menu-itme clearfloat">
<div class="title"><a href="">
<h4>Voluptate cillum fugiat.</h4>
<p class="comment">Cheese, tomato, mushrooms, onions.</p></a>
</div>
<div class="line"></div>
<div class="price">50$</div>
</li>
卡在4-3这段视频上了,照的老师的代码敲都瞧不出来,总是看不见自己的内容
<h4>Voluptate cillum fugiat.</h4>
<p class="comment">Cheese, tomato, mushrooms, onions.</p></a>
给个赞,期待老师风格类似的js的视频
跪求代码,重点是布局css
div标签默认margin和padding都是0吧,为什么还要重置

最新回答 / 釁1987
.public-container{    position: relative;    margin:0 auto;    width: 1100px;}.public-footer{    height: 218px;    padding-top: 100px;    background:#3b3b3b;}.public-footer .footer-col{    float: left;    width: 230px;    margin-right: 60px;    font-size:...
感觉还是不错的,可以继续
视频中对截字出现问题的那个css代码应该是这样的 :
.index-menu .menu-item .title{
width:230px;
font-size:16px;
color:#555555;
}
.index-menu .menu-item h4{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

最新回答 / 慕设计4402376
我觉得截字是只对标题的话,width:230px;样式也应该加在h4样式上面吧!它是根据宽度来截取超出部分显示省略号。。。。
点个赞!学了基础,也做了一些页面,总感觉是在瞎写。跟着老师的课程一起写至少学会了多思考。感谢!
设计师一枚。刚刚想学学前端,对设计有好处。这里看了怎么从一个psd到一个html文档的过程,学了很多以后设计时有些问题也可以避免了!赞!
psd 能下载解压,可是打不开呀,哪位同学打开了,求分享
@小佳佳QAQ 谢谢
课程须知
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
提交
取消