仓酷云

标题: DIV教程之CSS教程:伪扫除浮动 [打印本页]

作者: 冷月葬花魂 时间: 2015-1-15 23:37
标题: DIV教程之CSS教程:伪扫除浮动
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
网页制造Poluoluo文章简介：浮动算是扫除乐成了，可是宽度没有像display:block那样撑开，必要指定一个宽度.
一个多月前总结了《清算浮动的百口》,事先看了以后没甚么奇怪的器材也就疏忽了，明天偶尔又翻到那篇文章，想到了别的一个的办法(N久前在书店翻到的)，在网上没看到有人提起过，写出来人人一同会商下。
HTML：

<ul><li>无序列表</li><li>无序列表</li><li>无序列表</li></ul><p>段落</p>

复制代码

CSS：

ul,li{margin:0;padding:0;}ul{background-color:yellow;}li{float:left;list-style-type:none;}p{clear:both;background-color:red;}

复制代码

Firefox下效果：
可见，ul的黄色背景并没有显现出来。
重点来了：
在CSS理加上以下代码

ul{float:left;}

复制代码

效果以下：
弱点：
浮动算是扫除乐成了，可是宽度没有像display:block那样撑开，必要指定一个宽度：

ul{width:100%;}

复制代码

总结：
浮动带来的一个成绩就是扫除浮动，固然有良多办法来办理，但最基本的办理办法仍是不要滥用浮动，好比有些情形下完整能够用

selector{display:inline;}

复制代码

或

selector{display:inline-block;}

复制代码

来完成。

目前我们的站就是div+css做的，美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.

作者: 莫相离 时间: 2015-1-17 23:39
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

作者: 飘飘悠悠 时间: 2015-1-23 19:20
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

作者: 飘灵儿 时间: 2015-1-31 20:15
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 不帅 时间: 2015-2-7 01:17
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

作者: 谁可相欹 时间: 2015-2-19 12:10
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 再现理想 时间: 2015-3-6 15:18
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 爱飞 时间: 2015-3-13 04:01
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

作者: 第二个灵魂 时间: 2015-3-20 12:30
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

欢迎光临仓酷云 (http://ckuyun.com/)