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

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

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

最新回答 / lyrots
这是一个好方法,我认为更多的是一种编写思想,老师讲的这个主要是结构上的布局,你说的响应式更多的是css上的运用,关系甚微

已采纳回答 / BLACK_ARROW
就一种web前端开发的一种思路:Html-CSS-JavaScript  分别对应  结构-表现(样式)-行为这样的好处就是便于后期代码的管理,修改,维护。

已采纳回答 / 慕粉1473331893
我的理解是HTML和CSS尽量分开来写,比较大的CSS样式设置尽量不要嵌套在HTML中来写,如果有哪次你不想要用某个CSS样式了,就可以直接把CSS文件去掉,而要是你时把CSS嵌套入HTML结构中了,修改起来很麻烦。并且单独写在CSS中的代码还可以用于我们制作的其他的网页中。

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

已采纳回答 / javdroider
这种做法用专业的话讲叫“定宽”。当浏览器大小变化时,页面各个元素的高度宽度不变,也就是说无法在缩小的浏览器里面看到整个网页,需要使用滚动条去拖拽。这种做法的缺点是,跨终端显示体验不佳,如果放到手机上,就需要用户自己去拖拽才能看到整个网页,比如12306

已采纳回答 / wyc2410
盒子模型是分层的, padding 是 在 background-image 的上一层, 不设置 padding就被挡住了。

最赞回答 / 大卫同学
完整代码,拿走不谢<!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; cha...

已采纳回答 / 折翼天使I
.mainbody.left{width:100px;float:left}.mainbody.right{width:500px;float:left;}这段代码的.left与.right前面缺少一个空格,具体原因请查看HTML-CSS基础学习的8-7包含(后代)选择器的相关学习;.mainbody .left{width:100px;float:left}.mainbody .right{width:500px;float:left;}还有那个overflow:hidden是针对紧邻其后的元素进行清除...

最新回答 / 谦谦佳人
都可以, 这个地方使用margin会更好,原因如楼上所说

已采纳回答 / qq_年少之时_0
<h5>标签可以设置背景图片,背景图片不会撑开,他会显示和<h5>标签高度相同一行图片。

已采纳回答 / 小小贝堡
.demo.left 中间要有空格: .demo .left
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消