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

从 psd 到 html

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

最新回答 / Sugar_N
class可以在页面里面重复使用,id由于在页面里面只能出现一次,所以不能重复使用,所以尽量用class来写,这样能在页面里面重复引用你写的css,减小工作量和代码量。

最赞回答 / franciswsl
Sublime:轻量级、简单易用,插件丰富;占用内存小,启动快Notepad++:轻量级,简单易用;WebStorm:某些地方比sublime功能强大,但是启动慢,耗内存(配置低的电脑会非常卡);Dreamweaver:可以直接预览效果,可视化编辑

已采纳回答 / 李晓健
pc端一般很少去考虑自适应布局,常用的方法都是中间内容区域宽度固定,然后居中显示就行。整个网页背景就是和屏幕的宽度大小一致,最外层容器需要给一个最小宽度,度值为中间内容区域的宽度。

已采纳回答 / CM1900
.index-menu .menu-list ul{    width:1160px; }将ul的宽度多设置60px;

已采纳回答 / 好味
名字写错了,你是不是想设置mune-item,item这个类没有看到你设置样式。

最赞回答 / qq_x_83
left为50%以后,整个text的左端点位于屏幕正中央,再设置margin-left值为负值,这样使整个text向左移动整个宽度的一半,即保证text的中心点位于屏幕中央,这样设置的好处是无论怎样变化屏幕尺寸,text始终居中这是我想的,不知道对不对,欢迎指正

最赞回答 / qq_张震_03576717
相对定位就是你的位置你还占用的,人还在飘着你老师的那个相对定位对象,里面的内容应该浮动了,然后这个对象就没有宽高了。加,相对。是撑开内容区域。不让其他的占用。

已采纳回答 / xiangxiangw29
设置距左距离为当前宽度的一半(即50%),然后再向左拽宽度的一半(具体的一半宽度值),即可实现居中操作。

最赞回答 / 啊啊啊啊123
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23...

已采纳回答 / ICHAYA
<...code...>用border画三角形请参考如下,其实非常容易理解http://www.zhangxinxu.com/wordpress/2010/05/css-border%E4%B8%89%E8%A7%92%E3%80%81%E5%9C%86%E8%A7%92%E5%9B%BE%E5%BD%A2%E7%94%9F%E6%88%90%E6%8A%80%E6%9C%AF%E7%AE%80%E4%BB%8B/demo参考http://www.ziven27.com/cssAngle/

+ 我来回答 回答最高可+2积分

最新回答 / 慕前端9622055
设置浮动后  会向左排列       超出外层div后  会换行     这样就能实现效果了

最新回答 / 慕神1851049
 <div class="index-menu">        <div class="public-container menu-title">The menu</div>        <div class="public-container menu-list">        <ul class="clearfloat">            <li class="menu-item clearfloat">       ...
课程须知
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
提交
取消