搜索列表
-
做网页中需要掌握的八个CSS布局技巧
【CSS/HTML】1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 ...
做网页中需要掌握的八个CSS布局技巧 -
css——之三行三列等高布局图文教程
【CSS/HTML】http://www.alistapart.com/articles/holygrail这个翻译的页面版权归greengnn所有，转载请注明出处第一步：创建一个结构xhtml开始于header, footer, and container <div id="header"></div><div id="container"></div><div id="footer"></div> CSS先定义container，给...
css——之三行三列等高布局图文教程 -
解决列高度自适应(相同)的五种方法
【CSS/HTML】1.背景图填充 这是使用最广泛的一种做法，无hacks，推荐使用： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1...
解决列高度自适应(相同)的五种方法 -
固定右栏宽度, 左栏内容先出现同时自适应宽度的布局
【CSS/HTML】工作原理 #wrapper必须触发hasLayout,不然有时里面的内容会浮得怪怪的，我直接用float的，可以用其他方式。其实如果只是要做到这个例子要的效果连#wrapper都可以不要。#left定义100%宽度并利用margin:0 0 0 -200px把左边整块放在偏移入左边200px处，再利用#innerLeft的margin:0 0 0 200px再把内容撑出来，#right只是简单...
固定右栏宽度左栏内容先出现同时自适应宽度的布局 -
在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
【CSS/HTML】对着多个解析不一样浏览器是件郁闷的事，是所有写CSS的人都会遇到的。 虽然条件注释是一比较理想的做法，向前向后兼容。可惜我不大喜欢N个版本的CSS, 先说下我的自己的用法. 初始化 Selectors{} 保证向后兼容性， 接着开始过滤 不管IE6有没有引进Quirks Mode 都用 * html Selecto...
在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS -
css写菜单：简洁注释版
【CSS/HTML】这里是简洁版，主要把 [ 显示/隐藏 ] 效果给剥离出来给大家研究。 主要是利用了a:hover[ie]，li:hover[非ie]的状态来做出显示/隐藏菜单的效果。 关键之处： 程序代码 <!--[if IE 7]><!--></a><!--<![endif]--> 这一段注释表示：只有非IE浏览...
css写菜单：简洁注释版 -
空格BUG
【CSS/HTML】这篇是关于display:inline;的使用的，前几天作一个布局时，用这个效果，但始终没有出来，害得我浪费了二个小时，还多长了三行代码才解决；今天突然想起这事了，总感觉不对，因为我的思路是对的，可是效果就是出不来；于由重写代码，终于发现问题了，又是那个该死的空格BUG； 下面展示给大家看一下，同样的问题别再次出现在你...
空格BUG -
一个自动居中的导航条实例与相关问题 DIV+CSS
【CSS/HTML】这是我刚刚作的一个导航条，为了让那四个LINK居中，我这样作了，但作完后发现了很多的问题，写出来和大家分享一下！ 首先我们先来看一下这个导航条！ test zishu /*zishu.cn*/ *{ margin:0; padding:0;} body{ font-size:12px; font-family:Verdana, "宋体", Arial; margin:100px 0;} a:link,a:visited{color:#000; tex...
一个自动居中的导航条实例与相关问题DIV+CSS -
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的|的经|经典|典布|布局|局研|研究|究| -
On having layout
【CSS/HTML】译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。 引用一...
|On|nh|ha|av|vi|in|ng|gl|la|ay|yo|ou|ut|t| -
CSS使用技巧20则
【CSS/HTML】1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去： font: bold italic small-caps 1em/1.5em verdana,sans-serif 真不错！只...
|CS|SS|S使|使用|用技|技巧|巧2|20|0则|则|
