| 新闻 |
共有25项符合 css布局 的查询结果,
以下是第 1 - 10 项。(搜索用时 8.53 秒)
|
CSS布局常用的方法 2008-10-14
CSS样式普通
| 图片头条| [6]
|
|
float:none|left|right 取值:none:默认值。对象不飘浮left:文本流向对象的右边right:文本流向对象的左边
它是怎样工作的,看个一行两列的例子 xhtml代码:
Example Source Code [www.devdao.com]<div id="wrap"> <div id="column1">这里是第一列</div> <div id="column2">这里是第二列</div> <... |
|
http://web.rdxx.com/CSS/2008/10/15930853588.shtml - 9.83K 2008-11-6 7:30:29 加入收藏
|
设计需知:CSS布局的意义与副作用 2008-9-19
CSS样式普通
| 图片头条| [8]
|
|
如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS。
CSS网页布局的意义体现在如下方面:
一、使页面载入得更快
由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。
二... |
|
http://web.rdxx.com/CSS/2008/9/1917235536949.shtml - 8.68K 2008-11-6 7:25:59 加入收藏
|
CSS布局之浮动(二) 2008-8-15
CSS样式普通
| 图片头条| [11]
|
|
在上一个文章里写了关于左(右)侧定宽右(左)侧自动缩放的两列浮动,这个文章就要说一下三列浮动的问题了。在之前说过,两列浮动是其他多列浮动的基础,明白了两列浮动的原理后,三列或三列以上的多列浮动也变得简单。
左侧中间定宽,右侧自适应:
因边左侧跟中间都是定宽的,只有右侧是自适应宽度的,所以这个三列浮动是和两列浮动中的左侧定宽右侧自适应一样的道理,HTML结构代码如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “... |
|
http://web.rdxx.com/CSS/2008/8/179141525534.shtml - 6.94K 2008-11-19 20:55:18 加入收藏
|
CSS布局之浮动(一) 2008-8-15
CSS样式普通
| 图片头条| [10]
|
|
CSS浮动一直是个比较让人郁闷的问题,很多的布局问题都出在浮动上,特别是当浮动的列数很多时,但其实只要理解了两列结构的浮动,面对多列数的浮动也不会再心慌,因为两列结构的左右浮动是最基本的浮动,也是更多浮动的基础,三列、四列等的浮动都是出于此的。
来看一下几种常见的CSS两列浮动,CSS代码见以下各分类,HTML结构代码如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/x... |
|
http://web.rdxx.com/CSS/2008/8/179141561800.shtml - 7.35K 2008-10-15 9:51:10 加入收藏
|
根本不存在DIV+CSS布局这回事 2008-8-15
CSS样式普通
| 图片头条| [9]
|
|
在《欲练 CSS ,必先宫 IE》和《你有 <table /> 强迫症吗?》这两篇文章中,看到有不少评论用到div+CSS布局这个说法,用来和table布局比较。实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在div+CSS布局这回事。反过来,table布局的时候经常依赖于CSS定义一个单元格的布局属性,所以可以说是table+CSS布局。也就是说,我们讨论的两种主流布局方法应该是纯CSS布局和table+CSS布... |
|
http://web.rdxx.com/CSS/2008/8/179141558508.shtml - 8.98K 2008-10-15 9:47:23 加入收藏
|
CSS布局:让页脚始终保持底部的方法 2008-8-4
CSS样式普通
| 图片头条| [4]
|
|
有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼容IE5.0+,Opera 8.5+,Firefox 1.5+。下面我们看步骤:
1、为了让浏览器识别高度100%我们需要先给 html 和 body 加上一个高度值,同时清除所有元素的 margin 和 pad... |
|
http://web.rdxx.com/CSS/2008/8/510512510701.shtml - 7.04K 2008-10-15 9:49:54 加入收藏
|
div+css布局漫谈 2008-7-11
CSS样式普通
| 图片头条| [19]
|
|
1.CSS布局常用的方法:float : none | left | right
取值:none : 默认值。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边
它是怎样工作的,看个一行两列的例子
xhtml:
<div id="warp"> <div id="column1">这里是第一列</div> <div id="column2">这里是第二列</div> <... |
|
http://web.rdxx.com/CSS/2008/7/1213353873956.shtml - 9.64K 2008-10-21 10:42:53 加入收藏
|
Dreamweaver CS3网页制作之CSS布局规则 2008-6-15 17:09:55
Dreamweaver普通
| 图片头条| 网页教学网| [32]
|
|
CSS文件的链接方式 ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中 CSS规则定义有三种: 1)类比如“.RedText”、“.BlueText”和“.BigText”等等 2)标签针对原有HTML标签做的重新CSS定义 3)高级伪类、定义了ID的元素,以及综合性定义 CSS规则的应用 ·只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。 ·class与id的区别 ·标签应用一般对于... |
|
http://soft.rdxx.com/Design/HomePage/Dreamweaver/2008/6/151710673327.shtml - 7.68K 2008-10-15 9:47:09 加入收藏
|
css布局实例:网页布局的方法 2008-5-22
CSS样式普通
| 图片头条| [41]
|
|
许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。
但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。
其实有个简单的方法,使用display:table, display:table-row and display:tabl... |
|
http://web.rdxx.com/CSS/2008/5/232159142916.shtml - 8.02K 2008-10-15 9:50:39 加入收藏
|
CSS布局实例:上中下三行,中间自适应 2007-12-22 19:10:09
CSS样式普通
| 图片头条| [53]
|
|
CSS布局实例:上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中。本文代码在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。对于非ie内核浏览器,通过设定display:table、display:table-row和display:table-cell来模拟表格的表现形式。
最外层#box { display:table; },高度100%,其子层#header/#main/#footer为{ dis... |
|
http://web.rdxx.com/CSS/2007/12/221910928377.shtml - 11.15K 2008-10-15 9:48:18 加入收藏
|