-
- 慕仙5237505 2017-11-30
- 首页制作：
-
截图0赞 · 0采集
-
- 凡简 2017-11-27
- 信息展示区布局
-
截图0赞 · 0采集
-
- qq_漠_12 2017-10-20
- 信息展示区
- 0赞 · 0采集
-
- Arvinda 2017-09-09
- inline特性 我们发现内联对象inline给它设置属性height和width是没有用的，致使它变宽变大的 原因是内部元素的宽高`+padding`。观察inline对象的前后元素我们会发现`inline`不单独占一行，其它元素会紧跟其后。 block特性 而块对象`block`是可以设置宽高的，但是它的实际宽高是本身宽高`+padding`。 观察`block`的前后元素我们会发现`block`要单独占一行。 inline-block特性 这个时候我们就需要使用inline-block了，再观察一下上面的demo，我们会发现： inline-block既具有block的宽高特性又具有inline的同行元素特性。 行内元素特点 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 块级元素特点 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
- 0赞 · 0采集
-
- 白小九 2017-08-30
- 信息展示区分栏：
-
截图1赞 · 1采集
-
- 微风灬唐唐 2017-08-24
- inline特性 我们发现内联对象inline给它设置属性height和width是没有用的，致使它变宽变大的 原因是内部元素的宽高`+padding`。观察inline对象的前后元素我们会发现`inline`不单独占一行，其它元素会紧跟其后。 block特性 而块对象`block`是可以设置宽高的，但是它的实际宽高是本身宽高`+padding`。 观察`block`的前后元素我们会发现`block`要单独占一行。 inline-block特性 这个时候我们就需要使用inline-block了，再观察一下上面的demo，我们会发现： inline-block既具有block的宽高特性又具有inline的同行元素特性。 行内元素特点 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 块级元素特点 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
- 0赞 · 0采集
-
- Wasoh 2017-08-12
- ul li{ float:left; margin-left:10px; } ul li,a{ width:50px; height:30px; overflow:hidden; text-align:center; display:block; color:black; } a{ text-decoration:none; } a:hover{ text-decoration:none; background-color:red; color:white; }
- 0赞 · 0采集
-
- 小蚂蚁么么哒 2017-07-25
- 通过div进行左中右分布布局，宽度可大可小，拿来就可用 代码如下： <html> <head> <title >随便制作</title> <meta http-equiv="content-type" content="text/css" charset="gb2312"> <link href="css/main.css" rel="stylesheet" type="text/css" /> <style> .abox { height:250px; width:1000px; background-color :sandybrown ; margin-top :5px; } .bb { width:340px; border:1px solid #00ff21; background-color :yellow ; } .cc { width: 410px; border: 1px solid #00ffff; margin: 0 7px; background-color :red; } .dd{ width:230px; background-color :black ; } .bb,.cc ,.dd { height :250px; float :left; } </style> </head> <body> <div class="abox"> <div class="bb"></div> <div class="cc"></div> <div class="dd"></div> </div> </body> </html>
- 0赞 · 0采集
-
- 明天12 2017-07-20
- 信息区域的盒子布局
-
截图0赞 · 0采集
-
- Vegetable_Bird菜鸟 2017-04-06
- asdasd
- 0赞 · 0采集
-
- 人生逝年 2017-03-25
- 1.大块包含三个小块；三个小块各左浮动； 2.没有显示效果，用背景色，边框方式调式，块含文字调试。 几个盒子虽然都定义了背景颜色，但是仍然看不到，是因为没有内容，也没有定义高度，所以没有撑开
- 2赞 · 3采集
-
- mlisu 2017-02-09
- 1.大块包含三个小块；三个小块各左浮动； 2.没有显示效果，用背景色，边框方式调式，块含文字调试。
- 0赞 · 0采集
-
- qq___284 2017-02-07
- 横向三列布局制作方法
- 0赞 · 0采集
-
- 慕粉0826402518 2017-01-27
- 并排放置的几个盒子中，用中间一个设置间距，如 margin:0 7px; 表示上下间距0，左右间距7px
-
截图0赞 · 0采集
-
- 慕粉0826402518 2017-01-26
- 此时已经出现了三列，要让它出现水平排列，就必须要用浮动
-
截图0赞 · 0采集
-
- 慕粉0826402518 2017-01-26
- 几个盒子虽然都定义了背景颜色，但是仍然看不到，是因为没有内容，也没有定义高度，所以没有撑开
-
截图0赞 · 0采集
-
- 慕粉4377027 2016-11-27
- 111
-
截图0赞 · 0采集
-
- 慕粉4377027 2016-11-27
- 333
-
截图0赞 · 0采集
-
- 慕粉4377027 2016-11-27
- 222
-
截图0赞 · 0采集
-
- 慕虎2641781 2016-11-16
- 设置块的背景颜色来辅助
-
截图0赞 · 1采集
-
- qweqwe13123123 2016-11-14
- 要养成给结束标签写注释的习惯呀。
-
截图0赞 · 1采集
-
- 墨鱼嬉戏 2016-10-04
- 首页 信息展示区制作。 不要忘记还有外边距的存在
-
截图0赞 · 0采集
-
- 墨鱼嬉戏 2016-10-04
- 首页制作信息展示区外部
-
截图0赞 · 1采集
-
- 慕尼黑4302789 2016-09-21
- 信息展示区布局
-
截图0赞 · 0采集
-
- qq时光是记忆de橡皮檫 2016-08-22
- lianxi
- 0赞 · 0采集
-
- weibo_幸福长大了_0 2016-07-07
- 三列布局的另一种实现方法 sbsolute定位 .main{ height:250px; background-color:#FFF; margin-top:5px; position:relative; } .news{ width:340px; border:1px solid #E8E8E8; position:absolute; left:0; top:0; } .course{ border:1px solid #E8E8E8; margin:0 239px 0 349px ; } .sidebar{ width:230px; position:absolute; top:0; right:0; } .news,.course,.sidebar{ height:250px; }
- 1赞 · 2采集
-
- qq未 2016-06-18
- .main{ height:250px; background-color:#FFF; margin-top:5px;} .news{ width:340px; border:1px solid #E8E8E8; background-color:#9FC; } .course{ width:410px; border:1px solid #E8E8E8; background-color:#FF6; margin:0 7px; } .sidebar{ width:230px; background-color:#09F; } .news,.course,.sidebar{ height:250px; float:left; }
- 0赞 · 0采集
-
- qq未 2016-06-16
- 可以先用背景颜色分好区域，同时，注意每个盒子加起来的宽度
- 0赞 · 0采集
-
- P妞酱酱 2016-06-15
- 分顶顶顶顶顶顶顶顶
-
截图0赞 · 0采集
-
- P妞酱酱 2016-06-15
- 顶顶顶顶顶顶顶
-
截图0赞 · 0采集
数据加载中...