页面背景&头部

回顾页面基本布局 header container footer left right

代码写法 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

基本的 html 层级 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

基本 CSS 选择器 http://www.ruanyifeng.com/blog/2009/03/css_selectors.html ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],空格表示后代元素选择器，属性匹配于所有 #nav 后面的 li 标签。逗号表示多元素选择器，属性匹配于 #nav li 和 a 标签。类选择器可以这么写，权重增加。 a 标签的伪类，包括： hover, link, visited, active 。其他标签也能用伪类，不过 ie6 不支持。

背景图片 ,[object Object],[object Object],[object Object],[object Object]

repeat repeat-x repeat-y repeat

纯色 + 渐变的背景上面部分用 repeat 下面部分用 background-color Background:#FFF url(../images/gradient.gif) top left repeat-x;

更复杂的背景分解为两部分。页面大背景和头部背景。注意多个背景之间的匹配（精确到像素）。页面大背景是渐变头部背景直接用图片

头部 LOGO 导航实用工具头部的常见布局。还有很多变形，不过万变不离其宗。

最佳实践 ,[object Object],[object Object]

例子 LOGO 电话语言导航搜索

页面背景&头部

Recomendados

Recomendados

Más contenido relacionado

Similar a 页面背景&头部

Similar a 页面背景&头部 (20)

Último

Último (11)

页面背景&头部