WEB2.0 web20
id用于标识页面唯一元素,id的名称是控制某一内容块的手段,通过将某内容块置入div并赋予唯一的id,就可以用CSS选择器来精确定义每一个页面元素的外观表现,包括标题、列表、图片、链接或者段落等等。例如你为#header写一个CSS规则,就可以完全不同于#content里的图片规则。 可以通过不同规则来定义不同内容块里的链接样式...
[WEB2.0] 2009-02-20 web 设计 巧妙 CSS选择器
DIV CSS的XHTML代码结构浅谈
接触web标准很久了,但是真正开始实践时间并不长,今天和跟狼一样的新手分享一下关于代码结构的一些心得。本文为入门级读物。 看到这个标题可能有些朋友会感觉有点摸不到头脑,那让狼来为大家解释。 首先,要说说狼...
[WEB2.0] 2009-02-20 DIV CSS XHTML 代码 结构浅谈
在使用 CSS 实现表现的时候,会经常接触到 display:inline-block 这一属性,大都会对这一属性感觉很模糊。 display:inline-block 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 但对于这个属性不是所有浏览器都识别。 支持的浏览器有:Opera、Safari。 但很...
[WEB2.0] 2009-02-20 CSS属性 display:inline-block 深入理解
在做页面的时候,很多时候会用圆角矩形来妆点一下,但如果用图片的话,即要用到图片又要用到大量的代码,势必增加了页面的重量 在页面的时候刚好要用到圆角矩形,于是写了以下方法,分享一下 以下为引用的内容: <!DOCTYPE html PUBLIC "-//W3C//DTD...
[WEB2.0] 2009-02-20 div+css 圆角矩形
在当前浏览器普遍支持的前提下,CSS被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同时,文件维护和组织的考验也随之而来。 (曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂,增删改都很方便——可这种日子早已远去。(现在)建立新网站时,必须花点时间...
[WEB2.0] 2009-02-20 网站设计 合理架构 css
CSS发烧友的作品---CSS制作国旗
最近在CSSBBS上看到一个CSS发烧友创作的CSS代码制作美国国旗,很是强大,我已经转帖到www.upsdihtml.com上面,顺便将代码整理了一下以便于大家的学习,看看强人是怎么玩转CSS的^_^。 好啦,咱先看一个简单的,制作我...
[WEB2.0] 2009-02-19 CSS 国旗
A List Apart经典文章中译:突破网格设计的僵局
11月的一个深夜,我飞临我的故乡亚利桑那 Tucson 的上空,我为这个城市网格式的布局所打动,Tucson 是美国通过规划而建造的城市之一,从上空看,这个城市的所有东西都被设计者精心布局(图1),我刚从伦敦回来,伦敦...
[WEB2.0] 2009-02-16 网格设计
1. CSS字体定义简写规则 一般的写法会是这样: 以下为引用的内容: font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1.5em;font-family: verdana,sans-serif 而实际上你可以...
[WEB2.0] 2009-01-21 CSS 常用技巧 介绍
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%,...
[WEB2.0] 2009-01-19 CSS布局实例
HTML5与HTML4区别不是特别的大,新增了很多直观的新功能,对页面排版上有了更多的语义排版的支持。同时也保留了大部分HTML4的优点,以至于过度不致于那么困难。 HTML5恐怕要让部分网页工作者抓狂了,HTML5将采用标准的XML语法格式,这对代码的规范要求非常高。 附:HTML5相关学习资源 A Preview of HTML 5 Lachlan Hunt...
[WEB2.0] 2009-01-17 HTML5 HTML4 XML语法 网页标准