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

从 psd 到 html

黑白猪 Web前端工程师
难度初级
时长 1小时51分
学习人数
综合评分9.63
432人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 哪里有什么天长,我只是把别人睡觉的时间用在了工作上。除非你能躺在床上赚钱,否则就被赖在床上。——苍老师
    查看全部
  • 初始样式
    查看全部
  • 头 header 内容:content/container 尾:footer 导航:nav 侧栏:slidebar 栏目:column 页面外围 控制整体布局宽度:wrapper 左中右 left right center 登陆条:loginbar 标志:logo 广告: banner 广告主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 版权:copyright 滚动:scroll 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guide 服务:service 注册:register 状态:status 投票:voat 合作伙伴:partner
    查看全部
  • img 默认是内联元素
    查看全部
  • 从切图到布局的思路,良好习惯
    查看全部
    1 采集 收起 来源:总结

    2016-12-31

  • 资料下载,文件破损。我只想个PSD自己截图,老师的标签语义化不是很好,例如:一般logo部分,为主要标题。使用<h1><a href="">美食</a></h1> 然后给a设置text-indent:-9999px;这样利于SEO收录,让SEO知道你主标题是美食。 position:relative这个属性,他会提高元素的层叠等级,有可能会带来布局的层叠问题,张大神也说过,relative这个尽量不用,或者说尽量影响最小化。 psd还原html要保证px为偶数 不常换图片用img做背景
    查看全部
  • 1.前端目的:速度快,还原度高,结构清晰,代码优美。
    查看全部
  • vertical-align:middle; 行内居中
    查看全部
    1 采集 收起 来源:banner

    2016-12-23

  • 一:三种css样式:重置样式,公共样式(一系列页面共用),独立样式(本页单独使用) 二:1.body,div,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,input,fore,a,p,textarea的padding、margin、font-family初始化。 2、li、ul、ol的list-style。 3、a的text-decoration、display 4、img的border、display 5、clearfloat{zoom:1;} 清除浮动
    查看全部
  • 三种css样式:重置样式,公共样式(一系列页面共用),独立样式(本页单独使用)
    查看全部
  • IE7float换行问题(同一行文字,前面的不操作,后面一步分右浮动!) 1.将同一行的文字都做浮动处理,2,有浮动文字用绝对定位替换浮动定位,3.有浮动文字放在前面
    查看全部
    1 采集 收起 来源:兼容1

    2016-11-14

  • 块级元素下子元素最好统一是块元素或者统一是内联元素。
    查看全部
  • IE的hack技巧: css属性前加*,则仅IE浏览器能识别
    查看全部
    1 采集 收起 来源:兼容2

    2016-09-27

  • 我把我写的丢在这了 = = 如果有同学需要参考的话(有不足希望指正呀谢谢) https://github.com/doublena/demo/tree/master/psdtohtml-demo1
    查看全部
    1 采集 收起 来源:总结

    2016-09-27

  • 习惯: 第一步:先对页面划分大概的区域,构建出页面布局的基本框架,如hearder/footer/banner区域 第二步:因为网页的头部header,尾部footer后期更改的可能性较小,故先着手完成这两个部分的具体内容,然后再完成页面主体内容区域的具体内容
    查看全部

举报

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

微信扫码,参与3人拼团

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

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