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

从 psd 到 html

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

已采纳回答 / 小三是篮球
在ps里找到图层1,点在图层1里面截,你可能截在了矩形上了,这个矩形是logo下面的背景,使用矩形选择工具框选,ctrl+c复制,再ctrl+n新建,新建好了之后再ctrl+v粘贴就可以了

已采纳回答 / 慕瓜2570278
因为样式是写在common里面,代表这是可以共用的,而要水平居中设置了宽度就够了。

已采纳回答 / qq_传说中的陆仁贾_0
.index-menu .menu-list ul{ width: 1160px;}

已采纳回答 / qq_零_137
<...图片...>border-bottom: 10px solid #fff;应该改成与背景色一样

已采纳回答 / 慕神7884363
这个1.8和字体的大小有关,简单来说就是行高为字体高度的1.8倍。line-height:1.8 = line-height:1.8em;

已采纳回答 / 板筋
我感觉就是响应式布局问题,对屏幕分辨率进行改变

已采纳回答 / qq_千年毛毛虫_03312245
<!DOCTYPE html&t;

&t;hhtml lang="en"&;
&
&;hehead&;
 
    &a cmeta charset="UTF-8"& &l
    &;Tititle&;/tTitle&t;
/title&;li
    &ylelink rel="stylesheet" href="css/reset.css"/&rel
    &et"link rel="stylesheet" href="css/comm...

已采纳回答 / SL1023
给<li>一个width,再给一个float: left;还有你CSS里的menu-list在你的HTML里都没有看到。贴了代码,你看一下,不知道你是要这个效果吗?(。^▽^)<...code...><...code...><...图片...>

已采纳回答 / 分吹我已散
<link  rel="stylesheet" type="text/css" href="../css/reset.css"><!--使用外置css-->注意空格

讲师回答 / 黑白猪
https://space.bilibili.com/12288162/#!/  B站上我已经讲了一些 你可以看下

已采纳回答 / 超级小悟空
方法1:给ul设置宽度为1160px,ul的容器设置宽度1100px及overflow: hidden即可;方法2:利用伪类(或单独为最后一个li元素设置类),设置其margin-right:0。

已采纳回答 / qq_dependonmyse_0311
主要是看安装了什么插件,装emmet插件的话,按ctrl+e

已采纳回答 / 慕粉4028731
这个肯定每个人是不一样的,不过只要自己努力,多敲代码,多看视频,并不断练习,相信有一天你也会很棒的

已采纳回答 / 元豆子
.pic-col-m,.pic-col-s,.pic-col-l都要设置float:left,可以在.pic-col{float:left}

已采纳回答 / qq_頖縌乖乄絯_04017281
写标签的子标签属性要加个空格的,比如  .public-header .header-nav{    float:right;}中间的 .之前有个空格
首页上一页1234567下一页尾页
课程须知
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
提交
取消