网页简单布局之结构与表现原则_技术问答

首页免费课网页简单布局之结构与表现原则问答

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

全部评论问答未解决精华

woshidaxiong

好牛啊，看不懂，demo指什么啊

3 2-1 微博用户发言信息列表制作

2016-04-09

woshidaxiong

非常好，讲的很清楚

0 1-1 内容简介

2016-04-09

qq_留声机里只有回忆_0

img{margin-right:10px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);padding:1px 20px 37px 30px;}

1 3-3 编程挑战

2016-04-09

qq_晓_18

老师好牛逼

0 2-1 微博用户发言信息列表制作

2016-04-08

空白wwjwy123

这个其实就是对每一部分用三个类写三个css，然后设置三个按钮，绑定不同的事件，通过增加类，删除类就可以做到

0 3-1 网页换肤及总结

2016-04-08

小过客丶

受益匪浅.

0 2-3 排行榜制作

2016-04-07

糖桔

最喜欢看老师这么简短的视频了，学起来没压力，又能学不到东西。

321 3-1 网页换肤及总结

2016-04-07

慕侠4489241

看完换肤之后的效果惊呆了但是怎么不说怎么换啊

1 3-1 网页换肤及总结

2016-04-06

波子_

img{
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); width:95px;height:95px;
padding:1px 20px 37px 30px;margin-right:10p;
}

1 3-3 编程挑战

2016-04-06

一仁

老师这样讲并不是说最后就是定下了来这个样子，而是最开始的想法，先用HTML做出来然后在用样式一步一步来优化精简

0 2-3 排行榜制作

2016-04-04

Alice菲

拿到设计图，总的原则是根据内容划分逻辑块，
先粗分：上中下，
再细分：左中右，
然后再根据具体的内容划分一个一个的小块，
（感觉嵌套三层足矣；）

然后再由HTML的内容，根据语义化选择合适的标签填充（标签越少越好，极简主义），
然后再设置样式，通过样式排版，真正做到结构和表现相分离。
[ 收起全文 ]

0 3-3 编程挑战

2016-04-03

末口糖

padding的作用是把盒子内容区域扩大以正常的显示背景图片，如果内容只有一个img，那背景图片就被挡住了看不见。毕竟盒子的大小是根据内容来的，背景又只位于内容的下方，是无法撑开盒子的。

4 3-3 编程挑战

2016-04-03

缄默蜀黍ONE

img{
width:95px;
height:95px;
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);
padding:1px 20px 37px 30px;
margin-right:10px;
}

0 3-3 编程挑战

2016-04-03

缄默蜀黍ONE

精辟！精辟！精辟！

0 2-1 微博用户发言信息列表制作

2016-04-02

qq_夜未央_7

努力学习，看完课程

0 1-1 内容简介

2016-04-01

首页上一页 31 32 33 34 35 36 37 下一页尾页

该课程已下架

课程须知: 1.html+css简单的基础知识 2.有网页制作实战经验

老师告诉你能学到什么？: 1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码，参与3人拼团

热搜

最近搜索清空

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