仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 640|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:CSS清算浮动体例更简便的计划

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:12:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
破洛洛文章简介:清算浮动有良多种体例,像利用br标签自带的clear属,利用元素的overflow,利用空标签来设置clear:both等等。但思索到兼容成绩和语义化的成绩,一样平常我们城市利用以下代码来清算浮动。
清算浮动有良多种体例,像利用br标签自带的clear属,利用元素的overflow,利用空标签来设置clear:both等等。但思索到兼容成绩和语义化的成绩,一样平常我们城市利用以下代码来清算浮动。
/*清算浮动*/
.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:"";
clear:both;
height:0;
}
.clearfix{
zoom:1;
}

其道理是,在「初级」扫瞄器中利用:after伪类在浮动块前面加上一个非display:none的不成见块状内容来,并给它设置clear:both来清算浮动。在ie6和7中给浮动块增加haslayout来让浮动块撑高并一般影响文档流。
下面的代码应当是如今支流的清算浮动体例。如今付出宝就利用如许的体例。而如今,NicolasGallagher给出了一个更简便的计划:
.cf:before,.cf:after{
content:"";
display:table;
}
.cf:after{
clear:both;
}
.cf{
zoom:1;
}
道理仍是一样的。利用:after伪类来供应浮动块后的clear:both。分歧的是,埋没这个空缺利用的是display:table。而不是设置visibility:hidden;height:0;font-size:0;如许的hack。
值得注重的是这里中的:before伪类。实在他是来用途理top-margin边折叠的,跟清算浮动没有多年夜的干系。但由于浮动会创立blockformattingcontext,如许浮动元素上的另而一元素上假如恰好有margin-bottom而这个浮动元素恰好有margin-top的话,应当让他们不折叠(固然这类情形其实不罕见)。
</p>
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
小妖女 该用户已被删除
沙发
发表于 2015-1-17 20:45:39 来自手机 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
海妖 该用户已被删除
板凳
 楼主| 发表于 2015-1-24 14:24:01 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
莫相离 该用户已被删除
地板
发表于 2015-2-1 17:21:33 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
乐观 该用户已被删除
5#
发表于 2015-2-7 13:38:36 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
谁可相欹 该用户已被删除
6#
发表于 2015-2-22 13:18:18 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
精灵巫婆 该用户已被删除
7#
发表于 2015-3-7 02:05:01 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
变相怪杰 该用户已被删除
8#
发表于 2015-3-14 10:09:44 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
简单生活 该用户已被删除
9#
发表于 2015-3-21 04:39:50 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 04:02

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表