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

从 psd 到 html

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

已采纳回答 / 徵伤
把 .footer{width:100%;}让它继承body的宽度

已采纳回答 / 随缘丶dream
LESS 是动态的样式表语言,通过简洁明了的语法定义

已采纳回答 / ilixingpeng
张鑫旭<...图片...>

已采纳回答 / Dling
我刚刚试了下,好像不怎么人性化吧,都是用绝对定位....至于你这个问题“切图为什么不直接用ps里面的复制css”,我觉得你应该自己先动手试试再说吧。你自己试了也许就知道为什么了

已采纳回答 / 风雨潇潇_
有些浏览器,比如IE,对img默认是加上蓝色(也有说黑色)外边框,这样看起来会很难看,所以一般都要重置样式。不只是img,css其他的元素也需要在刚开始设置样式时重置样式,然后自定义,这样就不会受浏览器默认样式的困扰了。

已采纳回答 / 小敏子的苹果
因为这个文字是绝对定位是left:50%  所以就是居中显示,而且绝对定位的块是不占文档流的,也就是没有宽高,是靠里面的文字内容撑开的。现在这个块可以看成是居中的一条线,我们的目的是把这个文字图片(宽776)放进去之后居中,所以图片就得左右各占(宽除以2)388,使用外边距-388就可以左右扩张388的距离达到我们目的。

已采纳回答 / qq_太阳大人_0
看看img有没有给它加display:block,或者display:inline-block

已采纳回答 / 慕九州8618238
position:relative;是相对于元素本身的位置移动的,如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。在这里其父元素是public-header, public-container建立起来后,他有自己的起始位置,relative是根据这个起始位置来居中的。如果没有relative,默认是static,是移不动的。如果设置成absolute,那么,他原来的位置不保留,且根据祖先的位置,即public-header的位置...

已采纳回答 / isu_腾飞
.line是一个行内元素,不可以定义宽高,  它的宽度只能由内容撑开,在课程里面 .i 元素内容为空,但是我们又想让他有宽度,以便定义边框border, 定义为inline 让它可以定义宽高又可以显示在一行。

已采纳回答 / 彩色的石头
因为下面有绝对定位,所以要对父级元素用定位

已采纳回答 / 慕莱坞9220042
1.重置属性,统一浏览器解析的差异性;2.减少了css的重复代码、3.用到的CSS或html标签更加方便准确、 4.统一整个网页的风格和样式。

已采纳回答 / Tears0_0
<p class="text-info">    &;i i class="line line-l"&;&l&;/i/i&;      &panspan class="txt"&estresto restaurant home page website template&spa/span&       &lasi class="line line-r"&;/i>/i&;/p>/p&dex.index-banner-text{    position: absolute...

已采纳回答 / weff
那个是为了给你看到整体的这块的大小而加的背景,去掉就可以了

已采纳回答 / 慕粉3759934
只添加相对定位,不给偏移值,不会对元素影响。因为这里的banner部分有绝对定位元素,为了给绝对定位元素找干爹(参照物),所以一开始就加了。不加相对定位对居中无影响,加了相对定位不加偏移值也没影响
课程须知
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
提交
取消