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

网页简单布局之结构与表现原则

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰

最赞回答 / 不断成长的脚步
 id一个页面 只能出现一次  class可以出现多次 
【盒子层级】


要牢记盒子模型五个层次的上下关系,从上到下依次为
1.border
2.content&padding
3.background-image
4.background-color
5.margin
江老师你的网页换肤,具体原理都没有讲。
先按结构和语义编写代码,再设置css样式
老师的头像,一看就是一个膜法师
为什么我写出的效果跟老师的不一样啊.....
降低了网页制做的难度,时间短易学道有用的知识点。
@Eric_lee 复制一个瑞赛特,请问瑞赛特是啥?
---------------------------------------------------------
瑞赛特就是reset,用来初始化的
作为真正的小白,只能默默看着你们装逼互撕.....什么时候我也能达到这种水平?
终于明白什么叫DIV能少用就尽量少用,我还是太年轻了,一开始看到只会想到初级者思路。
思想-实践-思想。这是一个量变到质变的过程。前辈们的指点,能让自己柳暗花明~
不会做呀!!!!
我觉得还是第一种最好。其他代码阅读起来估计困难。

已采纳回答 / javdroider
这种做法用专业的话讲叫“定宽”。当浏览器大小变化时,页面各个元素的高度宽度不变,也就是说无法在缩小的浏览器里面看到整个网页,需要使用滚动条去拖拽。这种做法的缺点是,跨终端显示体验不佳,如果放到手机上,就需要用户自己去拖拽才能看到整个网页,比如12306
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消