搜索列表
-
web标准常见问题集合5
【CSS/HTML】19.为什么这个背景颜色无法显示 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]IE中设置有背景色的ul并没有显示出来,这个属于haslayout问题,解决的办法也很多参考:http://bbs.blueidea.com/viewthr...
web标准常见问题集合5 -
解读absolute与relative
【CSS/HTML】作者小毅的博客:http://andymao.com/ 很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又有什么样的技...
解读absolute与relative -
DIV+CSS网页制作布局技巧学习
【CSS/HTML】CSS布局常用的方法:float:none|left|right取值:none: 默认值。对象不飘浮left: 文本流向对象的右边right: 文本流向对象的左边 它是怎样工作的,看个一行两列的例子xhtml:<div id="wrap"><div id="column1">这里是第一列</div><div id="column2">这里是第二列</div><di...
|DI|IV|VC|CS|SS|S网|网页|页制|制作|作布|布局|局技|技巧|巧学|学习|习| -
最窄770px最宽1024px的经典布局研究
【CSS/HTML】最典型实用的上中下,并且中间分三列的布局,这个例子有2个特点: 1. 中间三列效果,可以任意实现单列背景色。2. 整体最窄770px,最宽1024px,也就是说窗口小于770xp就出底部滚动条,如果大于1024px自动屏幕居中。 效果浏览:http://www.rexsong.com/blog/attachments/200512/29_154158_minmax_3col.htm 分析:...
|最窄|窄7|77|70|0p|px|x最|最宽|宽1|10|02|24|4p|px|x的|的经|经典|典布|布局|局研|研究|究| -
关于居中布局和IE双倍边距bug
【CSS/HTML】今天google了一下css居中布局的问题,结果差不多都是引用了同一篇文章。在ie中要居中,只要在<body>元素中定义text-align:center;的属性。而在firefox中,需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中。其实,我自己都是用margin:auto;的缩写margin属性...
关于居中布局和IE双倍边距bug -
样式表CSS布局经验
【CSS/HTML】 随着时间的积累这里的内容会有增加或者修改,希望下面的东西对后来的标准学习者会有些帮助,或者毫无用处. 主要的内容是在IE和MOZILLA之间的差异和容易忽视的细节,一些经典应用的最佳实现方法,应该避免违犯的错误. 由于是自己平时经验的积累,难免会出现一些错误的解释,如有幸被高人看到,请务必指出,先谢过了. ...
|样式|式表|表C|CS|SS|S布|布局|局经|经验|验| -
css元素定位
【CSS/HTML】css元素定位 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example:#div-1 { position:static;} 2. position:relative|相对定位使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置。如果要让div-1层向下移动20px,左移...
|cs|ss|s元|元素|素定|定位|位| -
CSS关于相对定位和绝对定位的说明实例
【CSS/HTML】<style>body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; &n...
|CS|SS|S关|关于|于相|相对|对定|定位|位和|和绝|绝对|对定|定位|位的|的说|说明|明实|实例|例| -
On having layout
【CSS/HTML】译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错误欢迎留言指出。 引用一...
|On|nh|ha|av|vi|in|ng|gl|la|ay|yo|ou|ut|t| -
元素水平居中方案全集
【CSS/HTML】先来看我一个简单XHTML/HTML文件代码(部分),我们的目的是让#container水平居中。 <body> <div?id="container"> <h1>content</h1> <p>Lorem?ipsum?dolor?sit?amet,?consectetuer?adipiscing?elit.Phasellus?varius?eleifend.</p></div&...
|元素|素水|水平|平居|居中|中方|方案|案全|全集|集| -
不用float实现模块居中布局
【CSS/HTML】最常见实用的布局形式:上、中左、中右、底四个模块,宽度760px,整体页面居中。 结构代码,top left right foot 四个模块全部独立、互不嵌套。 <div id="top">head</div> <div id="left"> <div id="left_module">left</div></div> <div id="right"> <div id="right_module">right</div></d...
|不用|用f|fl|lo|oa|at|t实|实现|现模|模块|块居|居中|中布|布局|局| -
用CSS构建iframe效果
【CSS/HTML】iframe应用很普遍,通常的需求有两种: 1,获取iframe效果,就是带一个滚动条,可以省不少版面。 2,要嵌一个页面,实现框架链接。 如果不方便使用iframe,可以有如下解决方案: 第一种需求如果我们使用CSS布局来实现,即可以少一个页面,也可以提高效率。 第二种需求可以采用xmlhttp远程获取。A. 直接模拟ifram...
|用C|CS|SS|S构|构建|建i|if|fr|ra|am|me|e效|效果|果|