<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>标点符 &#187; CSS</title>
	<atom:link href="http://www.biaodianfu.com/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.biaodianfu.com</link>
	<description>编译自己的互联网生活</description>
	<lastBuildDate>Wed, 08 Feb 2012 08:42:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>使用Selectivizr让IE6~8支持CSS3</title>
		<link>http://www.biaodianfu.com/selectivizr.html</link>
		<comments>http://www.biaodianfu.com/selectivizr.html#comments</comments>
		<pubDate>Mon, 05 Sep 2011 01:51:19 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[程序设计]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=4252</guid>
		<description><![CDATA[上一篇文章讲到了如何在IE6~IE8使用HTML5，这篇文章是主要讲的是如何在IE6~IE8中使用CSS3。   Selectivizr是一个JS文件，你只需要引入如JQuery、Mootools、Prototype等N多流行的JS框架中的任意一个，然后再调用Selectivizr，就可以让IE6/7/8支持CSS3选择器。 Selectivizr的使用非常的简单，但是并不能直接使用，在使用前需要先加载下列框架中的任何一个：JQuery、dojo、prototype、Yahoo YUI、DOMAssistant、mootools、NVMatcher。需要注意的是Selectivizr对各个框架的支持程度不一，具体可查看官方网站。 然后在页面里引用Selectivizr即可。 &#60;script type="text/javascript" src="[JS library]"&#62;&#60;/script&#62; &#60;!--[if lt IE 9]&#62;     &#60;script type="text/javascript" src="selectivizr-min.js"&#62;&#60;/script&#62; &#60; ![endif]--&#62; Selectivizr需要注意以下几点： Selectivizr会自动检测最好的JS框架，如果你当前页面中正在使用如JQuery框架，但是它对Selectivizr的支持并不太好，你只需要在页面中再调用另一个（如Mootools）即可。 CSS样式必须使用&#60;link&#62;标签引入，还可以使用@import，但不能在页面里使用&#60;style&#62;来定义。 Selectivizr必须运行在标准模式，所以你要确保你有一个DTD在你的页面顶部。 如果客户浏览器不支持JS，你只需要使用&#60;noscript&#62;&#60;/noscript&#62;就可以给它们单独写hack。 不支持站外样式调用 官方网站：http://selectivizr.com/ Related posts: IE7.JS 解决IE兼容性问题 SuperFish一款基于jQuery的级联下拉菜单 DD_belatedPNG.js让IE6支持透明PNG图片]]></description>
			<content:encoded><![CDATA[<p>上一篇文章讲到了<a title="使用html5shiv让IE6~8支持HTML5" href="http://www.biaodianfu.com/html5shiv.html">如何在IE6~IE8使用HTML5</a>，这篇文章是主要讲的是如何在IE6~IE8中使用CSS3。</p>
<p> <img class="alignnone size-full wp-image-4257" title="selectivizr" src="http://www.biaodianfu.com/wp-content/uploads/2011/09/selectivizr.png" alt="" width="432" height="102" /></p>
<p>Selectivizr是一个JS文件，你只需要引入如JQuery、Mootools、Prototype等N多流行的JS框架中的任意一个，然后再调用Selectivizr，就可以让IE6/7/8支持CSS3选择器。</p>
<p>Selectivizr的使用非常的简单，但是并不能直接使用，在使用前需要先加载下列框架中的任何一个：JQuery、dojo、prototype、Yahoo YUI、DOMAssistant、mootools、NVMatcher。需要注意的是Selectivizr对各个框架的支持程度不一，具体可查看官方网站。 然后在页面里引用Selectivizr即可。</p>
<pre lang="html4strict" line="0" escaped="true">&lt;script type="text/javascript" src="[JS library]"&gt;&lt;/script&gt;
&lt;!--[if lt IE 9]&gt;
    &lt;script type="text/javascript" src="selectivizr-min.js"&gt;&lt;/script&gt;
&lt; ![endif]--&gt;</pre>
<p>Selectivizr需要注意以下几点：</p>
<ol>
<li>Selectivizr会自动检测最好的JS框架，如果你当前页面中正在使用如JQuery框架，但是它对Selectivizr的支持并不太好，你只需要在页面中再调用另一个（如Mootools）即可。</li>
<li>CSS样式必须使用&lt;link&gt;标签引入，还可以使用@import，但不能在页面里使用&lt;style&gt;来定义。</li>
<li>Selectivizr必须运行在标准模式，所以你要确保你有一个DTD在你的页面顶部。</li>
<li>如果客户浏览器不支持JS，你只需要使用&lt;noscript&gt;&lt;/noscript&gt;就可以给它们单独写hack。</li>
<li>不支持站外样式调用</li>
</ol>
<p>官方网站：<a href="http://selectivizr.com/">http://selectivizr.com/</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/jiejue-ie6-jianrong-wenti-ie7js.html' rel='bookmark' title='IE7.JS 解决IE兼容性问题'>IE7.JS 解决IE兼容性问题</a></li>
<li><a href='http://www.biaodianfu.com/superfish-jquery.html' rel='bookmark' title='SuperFish一款基于jQuery的级联下拉菜单'>SuperFish一款基于jQuery的级联下拉菜单</a></li>
<li><a href='http://www.biaodianfu.com/dd_belatedpng-js.html' rel='bookmark' title='DD_belatedPNG.js让IE6支持透明PNG图片'>DD_belatedPNG.js让IE6支持透明PNG图片</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/selectivizr.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS 3.0 中文版参考手册</title>
		<link>http://www.biaodianfu.com/css-3-0-manual-chm.html</link>
		<comments>http://www.biaodianfu.com/css-3-0-manual-chm.html#comments</comments>
		<pubDate>Sun, 06 Sep 2009 04:09:26 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[电子书籍]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=741</guid>
		<description><![CDATA[来自腾讯公司员工翻译整理的CSS 3.0 参考手册，感觉还不错。应该花了很多精力去做这事，拿出来分享值得夸奖。]]></description>
			<content:encoded><![CDATA[<p>来自腾讯公司员工翻译整理的CSS 3.0 参考手册，感觉还不错。应该花了很多精力去做这事，拿出来分享值得夸奖。</p>
<p>下载解压后可能会无法打开文件，你把文件从文件夹复制出来再打开就可以了。</p>
<p>看一下截图</p>
<p><img title="css3_shouce" src="http://www.biaodianfu.com/wp-content/uploads/2009/09/css3_shouce.png" alt="css3_shouce" width="594" height="931" /></p>
<p>其中的浏览器兼容性列表非常实用，总体感觉很清晰。很好很强大，虽然个人不怎么喜欢腾讯的作风，但这个CSS 3.0的手册还是要夸奖一下腾讯工作的朋友的。</p>
<p>官方发布地址：<a href="http://webteam.tencent.com/css3/">http://webteam.tencent.com/css3/</a></p>
<p>下载地址：<a href="http://www.damipan.com/file/3RZQ8Fj.html">http://www.damipan.com/file/3RZQ8Fj.html</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/disk-tools.html' rel='bookmark' title='磁盘类软件'>磁盘类软件</a></li>
<li><a href='http://www.biaodianfu.com/jieyasuo.html' rel='bookmark' title='解压缩软件'>解压缩软件</a></li>
<li><a href='http://www.biaodianfu.com/jieturuanjian.html' rel='bookmark' title='截图软件 屏幕录制软件'>截图软件 屏幕录制软件</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/css-3-0-manual-chm.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>《CSS权威指南》中文版[PDF]电子书下载</title>
		<link>http://www.biaodianfu.com/css-quanweizhinan.html</link>
		<comments>http://www.biaodianfu.com/css-quanweizhinan.html#comments</comments>
		<pubDate>Thu, 27 Aug 2009 22:26:41 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[电子书籍]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[O'Reilly]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=598</guid>
		<description><![CDATA[  《CSS权威指南》简介：这本书通过大量实例来展示如何遵循CSS最新规范（CSS2和CSS2.1）。通过阅读此书，你可以用少量的时间获得丰富复杂的网页样式，并学会如何将层叠样式表的方方面面应用于实践。 本书的主要介绍内容为1.用多种方式对文本应用样式；2.用户界面、表布局、列表和生成内容；3.浮动和定位的优缺点；4.字体系列和后路；5.框模型的工作原理；6.IE7、Firefox和其他浏览器支持的新CSS3选择器。 最新版《CSS权威指南》一书经过全面更新，涵盖了Internet Explorer 7，详细介绍了各个CSS属性以及属性之间的相互作用，并指导你如何避免一些常见的错误。不论你是一位经验丰富的web创作人员，还是一无所知的新手，都可以把它作为内容翔实的CSS参考资料放在手边。 《CSS权威指南》目录： 第1章 CSS与文档 1.1       Web 的由盛转衰 1.1.1       乱成一团槽 1.2 CSS是拯救良方 1.2.1 丰富的样式 1.2.2       易于使用 1.2.3       在多页中用样式 1.2.4       层叠 1.2.5       压简文件大小 1.2.6       为以后做准备 1.3元素 1.3.1       可替换和不可替换元素   1.3.1.1可替换元素   1.3.1.2 不可替换元素 1.3.2       元素显示角色   1.3.2.1 块级元素   1.3.2.2行内级元素 1.4 CSS和XHTML 1.4.1 link 标签   1.4.1.1 属性   1.4.1.2 备选样式表 1.4.2 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-601" title="CSS权威指南" src="http://www.biaodianfu.com/wp-content/uploads/2009/08/css_the_definitive_guide.jpg" alt="CSS权威指南" width="416" height="500" /> </p>
<p><strong>《CSS权威指南》简介</strong>：这本书通过大量实例来展示如何遵循CSS最新规范（CSS2和CSS2.1）。通过阅读此书，你可以用少量的时间获得丰富复杂的网页样式，并学会如何将层叠样式表的方方面面应用于实践。<br />
本书的主要介绍内容为1.用多种方式对文本应用样式；2.用户界面、表布局、列表和生成内容；3.浮动和定位的优缺点；4.字体系列和后路；5.框模型的工作原理；6.IE7、Firefox和其他浏览器支持的新CSS3选择器。<br />
最新版《CSS权威指南》一书经过全面更新，涵盖了Internet Explorer 7，详细介绍了各个CSS属性以及属性之间的相互作用，并指导你如何避免一些常见的错误。不论你是一位经验丰富的web创作人员，还是一无所知的新手，都可以把它作为内容翔实的CSS参考资料放在手边。</p>
<p><strong>《CSS权威指南》目录：</strong></p>
<p>第1章 CSS与文档<br />
1.1       Web 的由盛转衰<br />
1.1.1       乱成一团槽<br />
1.2 CSS是拯救良方<br />
1.2.1 丰富的样式<br />
1.2.2       易于使用<br />
1.2.3       在多页中用样式<br />
1.2.4       层叠<br />
1.2.5       压简文件大小<br />
1.2.6       为以后做准备<br />
1.3元素<br />
1.3.1       可替换和不可替换元素<br />
  1.3.1.1可替换元素<br />
  1.3.1.2 不可替换元素<br />
1.3.2       元素显示角色<br />
  1.3.2.1 块级元素<br />
  1.3.2.2行内级元素<br />
1.4 CSS和XHTML<br />
1.4.1 link 标签<br />
  1.4.1.1 属性<br />
  1.4.1.2 备选样式表<br />
1.4.2 style 元素<br />
1.4.3 @import 指令<br />
1.4.4 实际的样式规则<br />
  1.4.4.1 Backward accessibility<br />
1.4.5 CSS 注释<br />
1.4.6 行间样式<br />
1.5 小结<br />
第2章 选择符<br />
2.1 基本规则<br />
2.2 分组<br />
2.3 类选择符和ID选择符<br />
2.4 属性选择符<br />
2.5 使用文档结构<br />
2.6 伪类和伪元素<br />
2.7小结<br />
第3章 结构与层叠<br />
3.1 特殊性<br />
3.2 继承<br />
3.3 层叠<br />
3.4 小结<br />
第4章 值与单位<br />
4.1 数字<br />
4.2 百分比<br />
4.3 颜色<br />
4.4 长度单位<br />
4.5 URL<br />
4.6 CSS2中的单位<br />
4.7 小结<br />
第5章 字体<br />
5.1 字体系列<br />
5.2字体粗细<br />
5.3 字体大小<br />
5.4样式和变形<br />
5.5 字体拉伸和调整<br />
5.6 字体属性<br />
5.7 字体匹配<br />
5.8 小结<br />
第6章 文本属性<br />
6.1 缩进和水平对齐<br />
6.2 垂直对齐<br />
6.3 词间距和字间距<br />
6.4文本转换<br />
6.5 文本修饰<br />
6.6 文本阴影<br />
6.7 小结<br />
第7章 基本的可视化格式<br />
7.1 基本盒<br />
7.2 块级元素<br />
7.3 行内元素<br />
7.4 改动元素显示<br />
7.5 小结<br />
第8章 内填充、边框、外边距<br />
8.1 基本元素盒<br />
8.2 外边距<br />
8.3 边框<br />
8.4内填充<br />
8.5 小结<br />
第9章 颜色和背景<br />
9.1 颜色<br />
9.2 前景色<br />
9.3 背景<br />
9.4 小结<br />
第10章浮动和定位<br />
10.1浮动<br />
10.2定位<br />
10.3 小结<br />
第11章 表格布局<br />
11.1 表格格式化<br />
11.2 单元格边框<br />
11.3表格大小<br />
11.4小结<br />
第12章 列表和生成的内容<br />
12.1 列表<br />
12.2 生成的内容<br />
12.3 小结<br />
第13章 用户界面样式<br />
13.1 系统字体和颜色<br />
13.2 光标<br />
13.3 轮廓<br />
13.4 小结<br />
第14章 非屏幕媒体<br />
14.1 指定多个样式表<br />
14.2 页面媒体<br />
14.3 听觉样式<br />
14.4 小结<br />
附录A：属性参考<br />
A.1视觉媒体<br />
A.2 表格<br />
A.3 页面媒体<br />
A.4 从 CSS2.1 删掉了的<br />
A.5 视觉样式<br />
A.6 页面媒体<br />
A.7 听觉样式<br />
附录B：选择符、伪类、伪元素参考<br />
B.1 选择符<br />
B.2 伪类和伪元素<br />
附录C：HTML 4 样式表示例</p>
<p>电驴下载：<a href="ed2k://|file|CSS%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97.rar|24653452|ddaa8bd366af6aaf7c092020de374e84|h=HDOXILEPMEBV3FX6EYWKST6CSUEB4C3T|/">《CSS权威指南》PDF 电子书</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/php-6-and-mysql-5-for-dynamic-web-sites.html' rel='bookmark' title='《PHP 6与MySQL5基础教程》英文版PDF下载'>《PHP 6与MySQL5基础教程》英文版PDF下载</a></li>
<li><a href='http://www.biaodianfu.com/jingtong-css-pdf.html' rel='bookmark' title='《精通CSS》PDF电子书下载'>《精通CSS》PDF电子书下载</a></li>
<li><a href='http://www.biaodianfu.com/yueguangboke-seo.html' rel='bookmark' title='对月光博客的分析【SEO每周一站】'>对月光博客的分析【SEO每周一站】</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/css-quanweizhinan.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>《精通CSS与HTML设计模式》PDF电子书下载</title>
		<link>http://www.biaodianfu.com/jingtong-css-html-shejimoshi.html</link>
		<comments>http://www.biaodianfu.com/jingtong-css-html-shejimoshi.html#comments</comments>
		<pubDate>Thu, 30 Jul 2009 14:35:39 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[电子书籍]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=320</guid>
		<description><![CDATA[书名：精通CSS与HTML设计模式 简介 精通CSS与HTML设计模式是一部非常实用的CSS 与HTML（XHTML）手册。由于浏览器不兼容，Web开发至今仍然是一项繁琐的工作。书中包含了350 多种可以立即使用的设计模式（涉及文本、背景、边框、图片、表格、布局等多方面），并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计，可以很方便地在实际项目中使用。通过阅读此书，可大大提高读者在Web 设计和开发中的效率和创造力。 目录 第1章　设计模式：轻松搞定CSS！　 　1.1　设计模式——精心组织的解决方案　 　1.2　使用设计模式　 　1.3　应用样式表　 　1.4　CSS语法　 　　1.4.1　CSS语法细节　 　　1.4.2　在CSS中使用空白　 　　1.4.3　使用属性值　 　1.5　使用层叠排序　 　1.6　简化层叠　 　1.7　CSS和HTML链接　 　1.8　CSS属性　 　1.9　CSS的属性和值：常见的　 　1.10　CSS的属性和值：内容　 　1.11　CSS的属性和值：布局　 　1.12　CSS的属性和值：专有的　 　1.13　选择符　 　1.14　变动的度量单位　 　1.15　固定的度量单位　 　1.16　在96dpi下不同单位之间的比率　 　1.17　在96dpi下常用的font-size值　 　1.18　CSS疑难解答　 　1.19　使样式表规范化　 第2章　HTML设计模式　 　2.1　本章大纲　 　2.2　HTML结构　 　2.3　XHTML　 　2.4　DOCTYPE　 　2.5　头部元素　 　2.6　条件样式表　 　2.7　结构化块状元素　 　2.8　终端块状元素　 　2.9　多目标块状元素　 　2.10　内联元素　 　2.11　类和ID属性　 　2.12　HTML空白　 第3章　CSS选择符与继承　 　3.1　本章大纲　 　3.2　类型、类和ID选择符　 　3.3　定位和群组选择符　 　3.4　属性选择符　 　3.5　伪类元素选择符　 　3.6　伪类选择符　 　3.7　子类选择符　 　3.8　继承　 　3.9　视觉继承　 第4章　盒模型　 　4.1　本章大纲　 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-321" title="精通CSS与HTML设计模式" src="http://www.biaodianfu.com/wp-content/uploads/2009/07/CSS_HTML_shejimoshi.jpg" alt="精通CSS与HTML设计模式" width="360" height="450" /></p>
<p>书名：精通CSS与HTML设计模式</p>
<p><strong>简介</strong></p>
<p>精通CSS与HTML设计模式是一部非常实用的CSS 与HTML（XHTML）手册。由于浏览器不兼容，Web开发至今仍然是一项繁琐的工作。书中包含了350 多种可以立即使用的设计模式（涉及文本、背景、边框、图片、表格、布局等多方面），并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计，可以很方便地在实际项目中使用。通过阅读此书，可大大提高读者在Web 设计和开发中的效率和创造力。</p>
<p><strong>目录</strong></p>
<p>第1章　设计模式：轻松搞定CSS！　<br />
　1.1　设计模式——精心组织的解决方案　<br />
　1.2　使用设计模式　<br />
　1.3　应用样式表　<br />
　1.4　CSS语法　<br />
　　1.4.1　CSS语法细节　<br />
　　1.4.2　在CSS中使用空白　<br />
　　1.4.3　使用属性值　<br />
　1.5　使用层叠排序　<br />
　1.6　简化层叠　<br />
　1.7　CSS和HTML链接　<br />
　1.8　CSS属性　<br />
　1.9　CSS的属性和值：常见的　<br />
　1.10　CSS的属性和值：内容　<br />
　1.11　CSS的属性和值：布局　<br />
　1.12　CSS的属性和值：专有的　<br />
　1.13　选择符　<br />
　1.14　变动的度量单位　<br />
　1.15　固定的度量单位　<br />
　1.16　在96dpi下不同单位之间的比率　<br />
　1.17　在96dpi下常用的font-size值　<br />
　1.18　CSS疑难解答　<br />
　1.19　使样式表规范化　<br />
第2章　HTML设计模式　<br />
　2.1　本章大纲　<br />
　2.2　HTML结构　<br />
　2.3　XHTML　<br />
　2.4　DOCTYPE　<br />
　2.5　头部元素　<br />
　2.6　条件样式表　<br />
　2.7　结构化块状元素　<br />
　2.8　终端块状元素　<br />
　2.9　多目标块状元素　<br />
　2.10　内联元素　<br />
　2.11　类和ID属性　<br />
　2.12　HTML空白　<br />
第3章　CSS选择符与继承　<br />
　3.1　本章大纲　<br />
　3.2　类型、类和ID选择符　<br />
　3.3　定位和群组选择符　<br />
　3.4　属性选择符　<br />
　3.5　伪类元素选择符　<br />
　3.6　伪类选择符　<br />
　3.7　子类选择符　<br />
　3.8　继承　<br />
　3.9　视觉继承　<br />
第4章　盒模型　<br />
　4.1　本章大纲　<br />
　4.2　显示　<br />
　4.3　盒模型　<br />
　4.4　内联盒模型　<br />
　4.5　内联块状盒模型　<br />
　4.6　块状盒模型　<br />
　4.7　表格盒模型　<br />
　4.8　绝对定位盒模型　<br />
　4.9　浮动盒模型　<br />
第5章　盒模型的尺寸　<br />
　5.1　本章大纲　<br />
　5.2　宽度　<br />
　5.3　高度　<br />
　5.4　设定尺寸　<br />
　5.5　包裹　<br />
　5.6　拉伸　<br />
第6章　盒模型的属性　<br />
　6.1　本章大纲　<br />
　6.2　外边距　<br />
　6.3　边框　<br />
　6.4　内边距　<br />
　6.5　背景　<br />
　6.6　溢出　<br />
　6.7　可见性　<br />
　6.8　分页　<br />
第7章　定位模型　<br />
　7.1　本章大纲　<br />
　7.2　定位模型　<br />
　7.3　定位　<br />
　7.4　定位最近的祖先元素　<br />
　7.5　堆叠环境　<br />
　7.6　原子化　<br />
　7.7　静态定位　<br />
　7.8　绝对定位　<br />
　7.9　固定定位　<br />
　7.10　相对定位　<br />
　7.11　浮动和清除　<br />
　7.12　相对浮动　<br />
第8章　定位：缩进、偏移与对齐　<br />
　8.1　本章大纲　<br />
　8.2　缩进　<br />
　8.3　静态元素的偏移　<br />
　8.4　静态表格的偏移或缩进　<br />
　8.5　浮动元素的偏移　<br />
　8.6　绝对元素和固定元素的偏移　<br />
　8.7　相对元素的偏移　<br />
　8.8　静态内联元素的对齐　<br />
　8.9　静态块状元素的对齐与偏移　<br />
　8.10　静态表格的对齐与偏移　<br />
　8.11　绝对元素的对齐与偏移　<br />
　8.12　绝对元素的居中　<br />
　8.13　外部对齐　<br />
第9章　定位：进阶　<br />
　9.1　本章大纲　<br />
　9.2　左对齐　<br />
　9.3　左偏移　<br />
　9.4　右对齐　<br />
　9.5　右偏移　<br />
　9.6　中心对齐　<br />
　9.7　中心偏移　<br />
　9.8　顶端对齐　<br />
　9.9　顶端偏移　<br />
　9.10　底端对齐　<br />
　9.11　底端偏移　<br />
　9.12　垂直居中对齐　<br />
　9.13　垂直居中偏移　<br />
第10章　为文本赋予样式　<br />
　10.1　字体　<br />
　10.2　突出　<br />
　10.3　文本装饰　<br />
　10.4　文本阴影　<br />
　10.5　文本替换　<br />
　10.6　隐藏文本　<br />
　10.7　读屏器专用　<br />
第11章　分割内容　<br />
　11.1　分割　<br />
　11.2　块状化　<br />
　11.3　非包裹　<br />
　11.4　保留空白　<br />
　11.5　代码　<br />
　11.6　填充内容　<br />
　11.7　内联空白　<br />
　11.8　内联装饰　<br />
　11.9　断行　<br />
　11.10　内联水平线　<br />
第12章　对齐内容　<br />
　12.1　文本缩进　<br />
　12.2　悬挂缩进　<br />
　12.3　水平对齐的内容　<br />
　12.4　垂直对齐的内容　<br />
　12.5　垂直偏移的内容　<br />
　12.6　下标和上标　<br />
　12.7　嵌套对齐　<br />
　12.8　高级对齐实例　<br />
第13章　块状元素　<br />
　13.1　本章大纲　<br />
　13.2　结构含义　<br />
　13.3　可视结构　<br />
　13.4　区块　<br />
　13.5　列表　<br />
　13.6　背景项目符号　<br />
　13.7　内联化　<br />
　13.8　重叠的外边距　<br />
　13.9　内嵌　<br />
　13.10　水平线　<br />
　13.11　块状间隔　<br />
　13.12　块状间隔移除　<br />
　13.13　左外边距　<br />
　13.14　右外边距　<br />
第14章　图片　<br />
　14.1　本章大纲　<br />
　14.2　图片　<br />
　14.3　图片地图　<br />
　14.4　淡出　<br />
　14.5　半透明　<br />
　14.6　被替换的文本　<br />
　14.7　内容覆盖图片　<br />
　14.8　内容覆盖背景图片　<br />
　14.9　CSS内嵌图片　<br />
　14.10　基础阴影图片　<br />
　14.11　阴影图片　<br />
　14.12　圆角　<br />
　14.13　图片实例　<br />
第15章　表格　<br />
　15.1　本章大纲　<br />
　15.2　表格　<br />
　15.3　行组与列组　<br />
　15.4　表格选择符　<br />
　15.5　分隔的边框　<br />
　15.6　重叠的边框　<br />
　15.7　样式重叠边框　<br />
　15.8　隐藏和删除单元格　<br />
　15.9　删除和隐藏行与列　<br />
　15.10　垂直对齐数据　<br />
　15.11　斑马纹表格　<br />
　15.12　强制转换成表格、行和单元格　<br />
　15.13　表格布局　<br />
第16章　列布局　<br />
　16.1　表格布局模型　<br />
　16.2　使用列布局　<br />
　16.3　本章大纲　<br />
　16.4　列宽度　<br />
　16.5　包裹列　<br />
　16.6　设定尺寸列　<br />
　16.7　内容比例列　<br />
　16.8　尺寸比例列　<br />
　16.9　百分比比例列　<br />
　16.10　反比例列　<br />
　16.11　相等内容尺寸列　<br />
　16.12　等尺寸列　<br />
　16.13　小尺寸列　<br />
　16.14　伸缩列　<br />
　16.15　混合列布局　<br />
第17章　布局　<br />
　17.1　本章大纲　<br />
　17.2　流动布局概述　<br />
　17.3　由外向内盒模型　<br />
　17.4　浮动区块　<br />
　17.5　浮动间隔　<br />
　17.6　流动布局　<br />
　17.7　反向浮动　<br />
　17.8　事件样式　<br />
　17.9　上滚　<br />
　17.10　标签菜单　<br />
　17.11　标签　<br />
　17.12　弹出菜单　<br />
　17.13　按钮　<br />
　17.14　布局链接　<br />
　17.15　布局实例　<br />
第18章　字母下沉　<br />
　18.1　本章大纲　<br />
　18.2　对齐的字母下沉　<br />
　18.3　首字母下沉　<br />
　18.4　悬挂字母下沉　<br />
　18.5　内边距图片字母下沉　<br />
　18.6　浮动字母下沉　<br />
　18.7　浮动图片字母下沉　<br />
　18.8　外边距字母下沉　<br />
　18.9　外边距图片字母下沉　<br />
第19章　强调框和引用　<br />
　19.1　本章大纲　<br />
　19.2　左浮动强调框　<br />
　19.3　右浮动强调框　<br />
　19.4　中心强调框　<br />
　19.5　左外边距强调框　<br />
　19.6　右外边距强调框　<br />
　19.7　块状引用　<br />
　19.8　内联块状引用　<br />
　19.9　内联引用　<br />
第20章　提示框　<br />
　20.1　本章大纲　<br />
　20.2　JavaScript提示框　<br />
　20.3　悬停提示框　<br />
　20.4　弹出的提示框　<br />
　20.5　提示框　<br />
　20.6　内联提示框　<br />
　20.7　悬挂提示框　<br />
　20.8　图片提示框　<br />
　20.9　内嵌提示框　<br />
　20.10　浮动提示框　<br />
　20.11　左外边距提示框　<br />
　20.12　右外边距提示框　<br />
索引</p>
<p>下载<a href="ed2k://|file|%E7%B2%BE%E9%80%9ACSS%E4%B8%8EHTML%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F.pdf|221188331|1b5ff61a77afa19f5fb4705edc25d321|h=MMMG4OSF2VSENRZVUFPGW3CNEBKQPY47|/">精通CSS与HTML设计模式</a> PDF电子书；英文版<a href="ed2k://|file|Pro.CSS.and.HTML.Design.Patterns.pdf|11183593|654c5ae8ce799f1447c8eb9c3eaf6980|h=G6T4MNQJYJO6QKDE337GGZY2EMJ72A5U|/">Pro.CSS.and.HTML.Design.Patterns</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/baidu-blog-site.html' rel='bookmark' title='百度对博客系统的收录情况'>百度对博客系统的收录情况</a></li>
<li><a href='http://www.biaodianfu.com/php-6-and-mysql-5-for-dynamic-web-sites.html' rel='bookmark' title='《PHP 6与MySQL5基础教程》英文版PDF下载'>《PHP 6与MySQL5基础教程》英文版PDF下载</a></li>
<li><a href='http://www.biaodianfu.com/sousuoyinqing-paiming.html' rel='bookmark' title='影响搜索引擎排名因素2009年版（三）'>影响搜索引擎排名因素2009年版（三）</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jingtong-css-html-shejimoshi.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>《精通CSS》PDF电子书下载</title>
		<link>http://www.biaodianfu.com/jingtong-css-pdf.html</link>
		<comments>http://www.biaodianfu.com/jingtong-css-pdf.html#comments</comments>
		<pubDate>Tue, 28 Jul 2009 05:09:47 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[电子书籍]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=295</guid>
		<description><![CDATA[书名：精通CSS-高级Web标准解决方案 精通CSS简介：         《精通CSS:高级Web标准解决方案》这本书汇集了最有用的CSS技术，在介绍基础的CSS概念后，讨论了核心的CSS技术，如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深，再建立较为复杂的实例。书中的最后两章讨论招数、过滤器、bug和bug修复，而后将书中讨论的许多技术组合起来，给出了两个实例研究。本书还集中介绍了现实的浏览器问题，是弥补CSS知识欠缺不可或缺的参考书。 精通CSS目录: 第1章 基础知识 1.1 设计代码的结构 1.1.1 使用有意义的标记 1.1.2 文档类型、DOCTYPE切换和浏览器模式 1.2 为样式找到目标 1.2.1 常用的选择器 1.2.2 通用选择器 1.2.3 高级选择器 1.2.4 层叠和特殊性 1.2.5 继承 1.3 规划、组织和维护样式表 1.3.1 对文档应用样式 1.3.2 对代码进行注释 1.3.3 样式指南 1.3.4 组织样式表以便简化维护 1.4 小结 第2章 可视化格式模型 2.1 框模型概述 2.1.1 IE/Win和框模型 2.1.2 空白边叠加 2.2 定位概述 2.2.1 视觉格式化模型 2.2.2 相对定位 2.2.3 绝对定位 2.2.4 浮动 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-303" title="精通 css" src="http://www.biaodianfu.com/wp-content/uploads/2009/07/jingtong-css.jpg" alt="精通 css" width="368" height="468" /></p>
<p>书名：精通CSS-高级Web标准解决方案</p>
<p>精通CSS简介：</p>
<p>        《精通CSS:高级Web标准解决方案》这本书汇集了最有用的CSS技术，在介绍基础的CSS概念后，讨论了核心的CSS技术，如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深，再建立较为复杂的实例。书中的最后两章讨论招数、过滤器、bug和bug修复，而后将书中讨论的许多技术组合起来，给出了两个实例研究。本书还集中介绍了现实的浏览器问题，是弥补CSS知识欠缺不可或缺的参考书。</p>
<p>精通CSS目录:</p>
<div style="PADDING-LEFT: 30px">第1章 基础知识<br />
1.1 设计代码的结构<br />
1.1.1 使用有意义的标记<br />
1.1.2 文档类型、DOCTYPE切换和浏览器模式<br />
1.2 为样式找到目标<br />
1.2.1 常用的选择器<br />
1.2.2 通用选择器<br />
1.2.3 高级选择器<br />
1.2.4 层叠和特殊性<br />
1.2.5 继承<br />
1.3 规划、组织和维护样式表<br />
1.3.1 对文档应用样式<br />
1.3.2 对代码进行注释<br />
1.3.3 样式指南<br />
1.3.4 组织样式表以便简化维护<br />
1.4 小结<br />
第2章 可视化格式模型<br />
2.1 框模型概述<br />
2.1.1 IE/Win和框模型<br />
2.1.2 空白边叠加<br />
2.2 定位概述<br />
2.2.1 视觉格式化模型<br />
2.2.2 相对定位<br />
2.2.3 绝对定位<br />
2.2.4 浮动<br />
2.3 小结<br />
第3章 背景图像和图像替换<br />
3.1 背景图像基础<br />
3.2 圆角框<br />
3.2.1 固定宽度的圆角框<br />
3.2.2 山顶角<br />
3.3 阴影<br />
3.3.1 简单的CSS阴影<br />
3.3.2 来自Clagnut的阴影方法<br />
3.3.3 模糊阴影<br />
3.3.4 洋葱皮阴影<br />
3.4 图像替换<br />
3.4.1 FIR<br />
3.4.2 Phark<br />
3.4.3 Gilder/Levin方法<br />
3.4.4 IFR与sIFR<br />
3.5 小结<br />
第4章 对链接应用样式<br />
4.1 简单的链接样式<br />
4.2 让下划线更有趣<br />
4.3 突出显示不同类型的链接<br />
4.4 创建按钮和翻转<br />
4.4.1 简单的翻转<br />
4.4.2 具有图像的翻转<br />
4.4.3 Pixy样式的翻转<br />
4.5 已访问链接样式<br />
4.6 纯CSS工具提示<br />
4.7 小结<br />
第5章 对列表应用样式和创建导航条<br />
5.1 基本列表样式<br />
5.2 创建垂直导航条<br />
5.3 在导航条中突出显示当前页面<br />
5.4 创建水平导航条<br />
5.5 简化的“滑动门”标签页式导航<br />
5.6 CSS图像映射<br />
5.7 远距离翻转<br />
5.8 对于定义列表的简短说明<br />
5.9 小结<br />
第6章 对表单和数据表格应用样式<br />
6.1　对数据表格应用样式<br />
6.1.1　表格特有的元素<br />
6.1.2　数据表格标记<br />
6.1.3　对表格应用样式<br />
6.1.4　添加视觉样式<br />
6.1.5　添加其他样式<br />
6.2　简单的表单布局<br />
6.2.1　有用的表单元素<br />
6.2.2　基本布局<br />
6.2.3　其他元素<br />
6.2.4　修饰<br />
6.3　复杂的表单布局<br />
6.3.1　可访问的数据输入元素<br />
6.3.2　多列复选框<br />
6.3.3　表单反馈<br />
6.4　小结<br />
第7章 布局<br />
7.1 让设计居中<br />
7.1.1 使用自动空白边让设计居中<br />
7.1.2 使用定位和负值空白边让设计居中<br />
7.2 基于浮动的布局<br />
7.2.1 两列的浮动布局<br />
7.2.2 三列的浮动布局<br />
7.3 固定宽度、流体和弹性布局<br />
7.3.1 流体布局<br />
7.3.2 弹性布局<br />
7.3.3 弹性-流体混合布局<br />
7.3.4 流体和弹性图像<br />
7.4 faux列<br />
7.5 小结<br />
第8章 招数和过滤器<br />
8.1 招数和过滤器简介<br />
8.1.1 关于招数和过滤器的一个警告<br />
8.1.2 明智地使用招数<br />
8.2 过滤单独的样式表<br />
8.2.1 IE的有条件注释<br />
8.2.2 带通过滤器<br />
8.3 过滤单独的规则和声明<br />
8.3.1 子选择器招数<br />
8.3.2 属性选择器招数<br />
8.3.3 星号HTML招数<br />
8.3.4 IE/Mac注释反斜线招数<br />
8.3.5 转义属性招数<br />
8.3.6 Tantek的框模型招数<br />
8.3.7 修改后的简化框模型招数<br />
8.3.8 !important和下划线招数<br />
8.3.9 Owen招数<br />
8.4 小结<br />
第9章 bug和bug修复<br />
9.1 bug捕捉<br />
9.2 bug捕捉的基本知识<br />
9.2.1 隔离问题<br />
9.2.2 创建基本测试案例<br />
9.2.3 修复问题，而不是修复症状<br />
9.2.4 请求帮助<br />
9.3 拥有布局<br />
9.3.1 什么是布局<br />
9.3.2 布局有什么效果？<br />
9.4 常见bug及其修复方法<br />
9.4.1 双空白边浮动bug<br />
9.4.2 3像素文本偏移bug<br />
9.4.3 IE 6重复字符bug<br />
9.4.4 IE 6躲躲猫bug<br />
9.4.5 相对容器中的绝对定位<br />
9.4.6 停止对IE的批评<br />
9.5 小结<br />
实例研究1 More Than Doodles<br />
CS1.1 关于这个实例研究<br />
CS1.2 用后代选择器控制内容区域<br />
CS1.2.1 XHTML<br />
CS1.2.2 三列布局<br />
CS1.2.3 两列布局<br />
CS1.2.4 单列布局<br />
CS1.2.5 隐藏不需要的列<br />
CS1.3 对列进行浮动<br />
CS1.3.1 计算<br />
CS1.3.2 将列浮动到正确的位置<br />
CS1.4 根据主体类突出显示当前页面<br />
CS1.5 列的drop-in框<br />
CS1.6 直角和圆角——自己决定<br />
CS1.6.1 一般的直角<br />
CS1.6.2 为特殊效果做准备<br />
CS1.7 透明的定制角和边框<br />
CS1.7.1 图像<br />
CS1.7.2 CSS<br />
CS1.8 使用类组合来确定操作目标<br />
CS1.9 使用图像类和例外<br />
CS1.9.1 默认图像<br />
CS1.9.2 拥有的图像<br />
CS1.9.3 比较大的图像<br />
CS1.10 处理链接<br />
CS1.10.1 了解边栏链接<br />
CS1.10.2 带符号的已访问链接<br />
CS1.10.3 突出显示外部链接<br />
CS1.11 浮动的阴影（图库）<br />
CS1.11.1 形成阴影<br />
CS1.11.2 对图像进行浮动<br />
CS1.12 小结<br />
实例研究2 Tuscany Luxury Resorts<br />
CS2.1 关于这个实例研究<br />
CS2.2 流体布局<br />
CS2.2.1 主体和容器<br />
CS2.2.2 报头<br />
CS2.2.3 内容和边栏<br />
CS2.2.4 页脚<br />
CS2.2.5 解决流体布局的问题<br />
CS2.3 使用绝对定位对准元素<br />
CS2.3.1 位置属性（top、bottom、left、right）<br />
CS2.3.2 堆放次序（z-index）<br />
CS2.4 背景图像技术<br />
CS2.4.1 将上半部分分成三份<br />
CS2.4.2 使背景“无懈可击”<br />
CS2.5 图像替换<br />
CS2.5.1 徽标图像替换<br />
CS2.5.2 首字母大写图像替换<br />
CS2.6 流体图像<br />
CS2.7 为多个元素使用一个列表项<br />
CS2.8 小结</div>
<div style="PADDING-LEFT: 30px"> </div>
<div style="PADDING-LEFT: 30px">点击下载（电驴） <a href="ed2k://|file|%5B%E7%B2%BE%E9%80%9ACSS%E9%AB%98%E7%BA%A7Web%E6%A0%87%E5%87%86%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%5D.CSS.Mastery.pdf|49939895|d393252dd0319fc123d54392f659af66|h=FPX4J2VJH7NDJYEVJOXMOS234OO4QZAQ|/">精通CSS:高级Web标准解决方案 PDF</a> 电子书，及随书附赠 <a href="ed2k://|file|%E6%BA%90%E4%BB%A3%E7%A0%81.zip|710466|7b75adb55716e3ed5b2ed9c1e708d2cd|h=XKMHRA4WXG4NZHAOUJTMKQXFPY32ZVME|/">源代码</a></div>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/css-quanweizhinan.html' rel='bookmark' title='《CSS权威指南》中文版[PDF]电子书下载'>《CSS权威指南》中文版[PDF]电子书下载</a></li>
<li><a href='http://www.biaodianfu.com/php-6-and-mysql-5-for-dynamic-web-sites.html' rel='bookmark' title='《PHP 6与MySQL5基础教程》英文版PDF下载'>《PHP 6与MySQL5基础教程》英文版PDF下载</a></li>
<li><a href='http://www.biaodianfu.com/steps-to-faster-loading-web-sites.html' rel='bookmark' title='《高性能网站建设指南》PDF电子书下载'>《高性能网站建设指南》PDF电子书下载</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jingtong-css-pdf.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>《超越CSS：Web设计艺术精髓》PDF电子书下载</title>
		<link>http://www.biaodianfu.com/chaoyue-css.html</link>
		<comments>http://www.biaodianfu.com/chaoyue-css.html#comments</comments>
		<pubDate>Thu, 23 Jul 2009 04:59:30 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[电子书籍]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[创意]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=270</guid>
		<description><![CDATA[书名：《超越 CSS ：Web设计艺术精髓》 超越CSS简介 此书是CSS 禅意花园的姊妹篇，本书系统、深入地阐释了网站的设计与实现，使读者从设计的角度来使用CSS以达到最完美的效果。作者通过使用标记和CSS的形象的创造性示例，帮助读者掌握实现创意设计的方法。读者将学会如何使用新的设计流程，创建对包括设计师在内的所有团队成员都很好用的原型，有效地使用网格，设计标记的视觉效果，并了解优秀设计过程的每一个阶段——从使用最新的浏览器到在团队协作中高效地应用CSS3。 对于普遍缺乏编程经验的Web设计师来说，语义标记和CSS无疑是实现自由设计的障碍。国际著名Web设计师Andy Clarke将与您分享他的“超越CSS”方法，引导读者从设计的角度来使用CSS，来创建富有艺术性并且可用、易用的站点。作者通过可视化的范例来展示标记和CSS的创造性，带领您掌握实现创意的设计方法。通过此书您将学会：如何使用新的工作流程来创建对所有团队成员都非常好用的原型；有效地使用网格；设计标记的视觉效果；如何把握优秀设计过程的每一个阶段；使用最新的浏览器在团队协作中高效地运用CSS3，等等。 超越CSS目录 1. 发现　 　1.1　超越CSS简介　 　　1.1.1　需要什么样的工具来开始学习　 　　1.1.2　为什么需要超越CSS　 　　1.1.3　尽情地发挥创造力　 　　1.1.4　辅助功能本身就是设计，而不应仅把它当成一个特性　 　　1.1.5　向超越CSS进发　 　1.2　 超越CSS原则　 　　1.2.1　不是所有的浏览器都显示相同的设计　 　　1.2.2　运用所有有效的CSS选择符　 　　1.2.3　CSS3：展望未来　 　　1.2.4　运用JavaScript和DOM来弥补CSS的不足　 　　1.2.5　避免运用Hacks和滤镜 　　1.2.6　使用富含语义的命名规范和微型格式　 　　1.2.7　分享你的想法，与他人协作　 　1.3　什么使超越CSS变得可能　 　　1.3.1　意想不到的CSS用途　 　　1.3.2　浏览器分级支持　 　　1.3.3　发现，过程，灵感，超越　 　1.4　突出内容的设计　 　　1.4.1　突出内容的途径　 　　1.4.2　一个典型的没经过优化的CSS布局　 　　1.4.3　优化内容顺序而不管有还是没有样式　 　1.5　语义就是含义　 　　1.5.1　“CSS 裸体日”　 　　1.5.2　将含义翻译成标记：这个标记是正确的　 　　1.5.3　内容告诉你了什么　 　　1.5.4　语义的前行　 　1.6　标记这个世界　 　　1.6.1　整个世界是一个列表；每一项都扮演着它自己的角色　 　　1.6.2　环视四座皆列表　 　　1.6.3　给我寄一张旧金山的hCard 　 　　1.6.4　学会拓宽视野　 　　1.6.5　从“内容”开始工作　 　1.7　是时候整理一下你所学的知识了　 2. 过程　 　2.1　寻找最佳工作流程　 　　2.1.1　寻找更好的方式　 　　2.1.2　遵循基于内容的过程　 　2.2　搜集内容　 　2.3　使用框架图来工作　 [...]]]></description>
			<content:encoded><![CDATA[<p><strong><img class="alignnone size-full wp-image-274" title="超越 CSS" src="http://www.biaodianfu.com/wp-content/uploads/2009/07/chaoyue-CSS.jpg" alt="超越 CSS" width="300" height="300" /></strong></p>
<p>书名<strong>：《超越 CSS ：Web设计艺术精髓》</strong></p>
<p><strong>超越CSS简介</strong></p>
<p>此书是<a title="CSS禅意花园" href="http://www.biaodianfu.com/css-chanyihuayuan.html">CSS 禅意花园</a>的姊妹篇，本书系统、深入地阐释了网站的设计与实现，使读者从设计的角度来使用CSS以达到最完美的效果。作者通过使用标记和CSS的形象的创造性示例，帮助读者掌握实现创意设计的方法。读者将学会如何使用新的设计流程，创建对包括设计师在内的所有团队成员都很好用的原型，有效地使用网格，设计标记的视觉效果，并了解优秀设计过程的每一个阶段——从使用最新的浏览器到在团队协作中高效地应用CSS3。</p>
<p>对于普遍缺乏编程经验的Web设计师来说，语义标记和CSS无疑是实现自由设计的障碍。国际著名Web设计师Andy Clarke将与您分享他的“<strong>超越CSS</strong>”方法，引导读者从设计的角度来使用CSS，来创建富有艺术性并且可用、易用的站点。作者通过可视化的范例来展示标记和CSS的创造性，带领您掌握实现创意的设计方法。通过此书您将学会：如何使用新的工作流程来创建对所有团队成员都非常好用的原型；有效地使用网格；设计标记的视觉效果；如何把握优秀设计过程的每一个阶段；使用最新的浏览器在团队协作中高效地运用CSS3，等等。</p>
<p><strong>超越CSS目录</strong></p>
<div>1. 发现　<br />
　1.1　超越CSS简介　<br />
　　1.1.1　需要什么样的工具来开始学习　<br />
　　1.1.2　为什么需要超越CSS　<br />
　　1.1.3　尽情地发挥创造力　<br />
　　1.1.4　辅助功能本身就是设计，而不应仅把它当成一个特性　<br />
　　1.1.5　向超越CSS进发　<br />
　1.2　 超越CSS原则　<br />
　　1.2.1　不是所有的浏览器都显示相同的设计　<br />
　　1.2.2　运用所有有效的CSS选择符　<br />
　　1.2.3　CSS3：展望未来　<br />
　　1.2.4　运用JavaScript和DOM来弥补CSS的不足　<br />
　　1.2.5　避免运用Hacks和滤镜<br />
　　1.2.6　使用富含语义的命名规范和微型格式　<br />
　　1.2.7　分享你的想法，与他人协作　<br />
　1.3　什么使超越CSS变得可能　<br />
　　1.3.1　意想不到的CSS用途　<br />
　　1.3.2　浏览器分级支持　<br />
　　1.3.3　发现，过程，灵感，超越　<br />
　1.4　突出内容的设计　<br />
　　1.4.1　突出内容的途径　<br />
　　1.4.2　一个典型的没经过优化的CSS布局　<br />
　　1.4.3　优化内容顺序而不管有还是没有样式　<br />
　1.5　语义就是含义　<br />
　　1.5.1　“CSS 裸体日”　<br />
　　1.5.2　将含义翻译成标记：这个标记是正确的　<br />
　　1.5.3　内容告诉你了什么　<br />
　　1.5.4　语义的前行　<br />
　1.6　标记这个世界　<br />
　　1.6.1　整个世界是一个列表；每一项都扮演着它自己的角色　<br />
　　1.6.2　环视四座皆列表　<br />
　　1.6.3　给我寄一张旧金山的hCard 　<br />
　　1.6.4　学会拓宽视野　<br />
　　1.6.5　从“内容”开始工作　<br />
　1.7　是时候整理一下你所学的知识了　<br />
2. 过程　<br />
　2.1　寻找最佳工作流程　<br />
　　2.1.1　寻找更好的方式　<br />
　　2.1.2　遵循基于内容的过程　<br />
　2.2　搜集内容　<br />
　2.3　使用框架图来工作　<br />
　　2.3.1　传统的框架图在哪里会失效　<br />
　　2.3.2　框架图有商业价值吗　<br />
　　2.3.3　传统框架图以及交互脚本　<br />
　2.4　使用灰盒方法改进　<br />
　2.5　创建静态设计　<br />
　　2.5.1　更快地通过设计流程　<br />
　　2.5.2　把标签指南加入静态设计　<br />
　2.6　使用交互原型　<br />
　　2.6.1　交互原型使梦想成真　<br />
　　2.6.2　创建可重用的代码　<br />
　　2.6.3　框架图和原型的模型　<br />
　　2.6.4　所见即所得：你看到了什么　<br />
　2.7　遵循交互原型最佳实践　<br />
　　2.7.1　选择用于开发的浏览器　<br />
　　2.7.2　使用浏览器插件　<br />
　　2.7.3　尽可能少地使用 div 元素　<br />
　　2.7.4　确保标签是有效的　<br />
　　2.7.5　选择定位优先于浮动<br />
　　2.7.6　组织CSS　<br />
　2.8　过程的实践　<br />
　　2.8.1　着眼于组成部分　<br />
　　2.8.2　编写分离内容的标签　<br />
　　2.8.3　用CSS实现静态设计　<br />
　　2.8.4　构建布局　<br />
　　2.8.5　从body开始　<br />
　　2.8.6　继续向前还是移交　<br />
　　2.8.7　基本颜色样式　<br />
　　2.8.8　创建商标　<br />
　　2.8.9　加上Logo　<br />
　　2.8.10　导航条样式　<br />
　　2.8.11　设计页脚样式　<br />
　　2.8.12　理解元素的排版样式　<br />
　2.9　汇总　<br />
3. 灵感　<br />
　3.1　引入基于网格的设计　<br />
　　3.1.1　设计师与网格　<br />
　　3.1.2　黄金比例和三分之一规则　<br />
　　3.1.3　纯粹的弹性布局　<br />
　　3.1.4　合理的网格设计　<br />
　3.2　当今Web设计中的网格　<br />
　　3.2.1　减法　<br />
　　3.2.2　Airbag Industries 　<br />
　　3.2.3　Jeff Croft　<br />
　　3.2.4　Veerle的博客　<br />
　3.3　寻找Web之外的网格　<br />
　3.4　为Web设计带来新的网格　<br />
　　3.4.1　打破新闻　<br />
　　3.4.2　以网格作为指导　<br />
　　3.4.3　揭穿小秘密　<br />
　　3.4.4　着迷于新闻手法　<br />
　　3.4.5　保持你的画面　<br />
　3.5　在意想不到的地方发现灵感　<br />
　　3.5.1　把主页改头换面　<br />
　　3.5.2　引入基调板　<br />
　　3.5.3　拥有一个设计剪贴簿　<br />
　　3.5.4　要获得界面灵感去看杂志吧　<br />
　　3.5.5　获得版式灵感　<br />
　　3.5.6　重新审视Flash设计　<br />
　　3.5.7　使用图片与相片　<br />
　3.6　精美的艺术活动　<br />
　　3.6.1　设计不仅仅是创建引人注目的视觉效果　<br />
　　3.6.2　不要把焦点放在技术上　<br />
　　3.6.3　提升基调　<br />
　　3.6.4　寻找不同观点　<br />
　　3.6.5　带着目标剪贴　<br />
　3.7　Web设计的美术　<br />
4. 卓越　<br />
　4.1　卓越的CSS　<br />
　　4.1.1　绝对定位　<br />
　　4.1.2　相对定位　<br />
　　4.1.3　浮动的创意　<br />
　　4.1.4　创建侧边栏　<br />
　　4.1.5　结合多种技术　<br />
　4.2　CSS3（三倍好运） 　<br />
　　4.2.1　各部分的汇总　<br />
　　4.2.2　开发新的标准　<br />
　　4.2.3　回到未来　<br />
　　4.2.4　使用CSS3选择符模块进行设计　<br />
　　4.2.5　使用斑马纹提高可读性　<br />
　　4.2.6　使用背景和边框模块进行设计　<br />
　　4.2.7　使用多幅背景图片进行设计　<br />
　　4.2.8　设计多栏布局　<br />
　　4.2.9　使用多栏布局模块　<br />
　4.3　高级布局　<br />
　　4.3.1　回到网格（Grid） 　<br />
　　4.3.2　使用高级布局模块进行设计　<br />
　4.4　结束语</div>
<div> </div>
<div>下载地址（电驴）：<a href="ed2k://|file|%E8%B6%85%E8%B6%8ACSS%EF%BC%9AWeb%E8%AE%BE%E8%AE%A1%E8%89%BA%E6%9C%AF%E7%B2%BE%E9%AB%93.pdf|611659404|37b8559627174c636bcbbe6ea211635d|h=QSIBGDX2HUYUMPVG4HHTDSH2TZCKBLMD|/">超越CSS：Web设计艺术精髓</a>（扫描版PDF），<a href="ed2k://|file|Transcending.CSS%EF%BC%9AThe.Fine.Art.of.Web.Design.pdf|33399420|e7899540ab3a1c7897ef371701bb9daa|h=S46V4ROZTT72TLNYVPVY4PB3ZJID4AVQ|/">超越CSS英文原版</a> （清晰版PDF），<a href="ed2k://|file|Transcending.CSS_The.Fine.Art.of.Web.Design-source_code.zip|4661199|3b85306ad200c3211e6031a241401def|h=B7F662MA2H5RTTOWGDDXBX7XJ2QEOZRM|/">随书附带源代码</a> 。</div>
<div>《超越CSS》大米盘下载：<a href="http://www.damipan.com/file/3IqAwIt.html">http://www.damipan.com/file/3IqAwIt.html</a></div>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/css-chanyihuayuan.html' rel='bookmark' title='《CSS禅意花园》中文版PDF电子书下载'>《CSS禅意花园》中文版PDF电子书下载</a></li>
<li><a href='http://www.biaodianfu.com/css-3-0-manual-chm.html' rel='bookmark' title='CSS 3.0 中文版参考手册'>CSS 3.0 中文版参考手册</a></li>
<li><a href='http://www.biaodianfu.com/zaixianzhanzhanggongju.html' rel='bookmark' title='在线站长工具'>在线站长工具</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/chaoyue-css.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>《CSS禅意花园》中文版PDF电子书下载</title>
		<link>http://www.biaodianfu.com/css-chanyihuayuan.html</link>
		<comments>http://www.biaodianfu.com/css-chanyihuayuan.html#comments</comments>
		<pubDate>Wed, 22 Jul 2009 05:30:40 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[电子书籍]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=262</guid>
		<description><![CDATA[          书名：CSS 禅意花园 the zen of css design         CSS禅意花园简介：CSS Zen Garden（CSS禅意花园），全书分为两个主要部分。第一章为第一部分，讨论网站“CSS禅意花园”及其最基本的主题，包含准确的标记结构和灵活性的规划等。第二部分分为六章，占据了本书的大部门篇幅。每章剖析“CSS禅意花园”收录的6件设计作品，每件作品围绕一个主要的设计概念展开，如文字的使用等。通过探索6件设计作品面对的挑战和解决的问题，读者将洞悉主要的Web设计原则以及它们运用的CSS布局技巧，理解CSS设计的精华，恰当地处理图形和字体来创建界面柔美、机能优良且具有强盛生命力的网站。本书原版书自出版以来持续畅销，受到众多网站设计师的推崇。本书适合网站设计职员和网站设计兴趣者阅读，更是专业网站设计师必读的经典著作。 CSS禅意花园目录： 第1章 追本溯源 第2章 设计 2.1 Atlantis 2.2 Zunflower 2.3 Springtime 2.4 Viridity 2.5 Ballade 2.6 Night Drive 第3章 正文布局 3.1 Backyard 3.2 Entomology 3.3 White Lily 3.4 pret-a-proter 3.5 CS（S）Monk 3.6 Not So Minimal 第4章 图像 4.1 Japanese Garden 4.2 Revolution！ 4.3 [...]]]></description>
			<content:encoded><![CDATA[<p> <img class="alignnone size-full wp-image-263" title="css 禅意花园" src="http://www.biaodianfu.com/wp-content/uploads/2009/07/css-chanyihuayuan.jpg" alt="css 禅意花园" width="360" height="360" />        </p>
<p>书名：CSS 禅意花园 the zen of css design</p>
<p>        <strong>CSS禅意花园简介</strong>：CSS Zen Garden（CSS禅意花园），全书分为两个主要部分。第一章为第一部分，讨论网站“CSS禅意花园”及其最基本的主题，包含准确的标记结构和灵活性的规划等。第二部分分为六章，占据了本书的大部门篇幅。每章剖析“CSS禅意花园”收录的6件设计作品，每件作品围绕一个主要的设计概念展开，如文字的使用等。通过探索6件设计作品面对的挑战和解决的问题，读者将洞悉主要的Web设计原则以及它们运用的CSS布局技巧，理解CSS设计的精华，恰当地处理图形和字体来创建界面柔美、机能优良且具有强盛生命力的网站。本书原版书自出版以来持续畅销，受到众多网站设计师的推崇。本书适合网站设计职员和网站设计兴趣者阅读，更是专业网站设计师必读的经典著作。</p>
<p style="PADDING-LEFT: 30px"><strong>CSS禅意花园目录</strong>：<br />
第1章 追本溯源<br />
第2章 设计<br />
2.1 Atlantis<br />
2.2 Zunflower<br />
2.3 Springtime<br />
2.4 Viridity<br />
2.5 Ballade<br />
2.6 Night Drive<br />
第3章 正文布局<br />
3.1 Backyard<br />
3.2 Entomology<br />
3.3 White Lily<br />
3.4 pret-a-proter<br />
3.5 CS（S）Monk<br />
3.6 Not So Minimal<br />
第4章 图像<br />
4.1 Japanese Garden<br />
4.2 Revolution！<br />
4.3 Deco<br />
4.4 No Frontiers！<br />
4.5 Coastal Breeze<br />
4.6 What Lies Beneath<br />
第5章 文字排印<br />
5.1 Oceans Apart<br />
5.2 si6<br />
5.3 Release One<br />
5.4 Dead or Alive<br />
5.5 Blood Lust<br />
5.6 Golden Mean<br />
第6章 特效<br />
6.1 This is Cereal<br />
6.2 Gemination<br />
6.3 Bonsai Sky<br />
6.4 Tulipe<br />
6.5 door to my garden<br />
6.6 Elastic Lawn<br />
第7章 重构<br />
7.1 Hedges<br />
7.2 Radio Zen<br />
7.3 South of the Border<br />
7.4 Corporate Zen Works<br />
7.5 Open Window<br />
7.6 mnemonic<br />
结语</p>
<p>          点击下载（电驴下载）：<a title="CSS禅意花园中文版电子书（高清扫描版）" href="ed2k://|file|CSS%E7%A6%85%E6%84%8F%E8%8A%B1%E5%9B%AD.pdf|127979365|a5c7e8f992751a0079f9e1ca36c63027|h=YM2LG3XW5TX5DBKPPV6M3V3F66OO26ET|/">CSS禅意花园<strong></strong>中文版电子书（高清扫描版）</a></p>
<p>         CSS禅意花园进阶篇：<a title="超越CSS" href="http://www.biaodianfu.com/chaoyue-css.html">超越CSS</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/keso-the-web-is-dead.html' rel='bookmark' title='keso评论：Web已死？'>keso评论：Web已死？</a></li>
<li><a href='http://www.biaodianfu.com/chaoyue-css.html' rel='bookmark' title='《超越CSS：Web设计艺术精髓》PDF电子书下载'>《超越CSS：Web设计艺术精髓》PDF电子书下载</a></li>
<li><a href='http://www.biaodianfu.com/zaixianzhanzhanggongju.html' rel='bookmark' title='在线站长工具'>在线站长工具</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/css-chanyihuayuan.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在线站长工具</title>
		<link>http://www.biaodianfu.com/zaixianzhanzhanggongju.html</link>
		<comments>http://www.biaodianfu.com/zaixianzhanzhanggongju.html#comments</comments>
		<pubDate>Sun, 19 Jul 2009 02:39:08 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[实用网站]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Sprite]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[压缩]]></category>
		<category><![CDATA[圆角]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=229</guid>
		<description><![CDATA[1.W3C HTML验证 地址：http://validator.w3.org/ 2.W3C CSS 验证 地址：http://jigsaw.w3.org/css-validator/ 3.JS压缩（解压） 地址：http://www.biaodianfu.com/js-yasuo/ 4.CSS压缩（解压） 简介：用于清除CSS文件中的空格和格式，加快CSS加载速度。 地址：http://www.cleancss.com/ 5.图片压缩（支持PNG,GIF) 地址：http://smush.it/ 6.CSS Sprite Generator 简介：CSS sprites（CSS 图片拼合）技术是将多张图片以一定间距合并为一个大图片，利用CSS中的background-position属性来显示大图片中的特定位置。 用来降低HTTP 连接请求数. 提高网页加载速度，尤其是网页上有众多小图片时效果显著 地址1：http://www.csssprites.com/ 地址2：http://spritegen.website-performance.org/ 7.CSS圆角生成器 地址：http://www.spiffycorners.com/ Related posts: PR=10 网站列表 使用JS让链接从新窗口打开 IIS日志配置方案]]></description>
			<content:encoded><![CDATA[<p>1.<strong>W3C HTML验证</strong></p>
<p>地址：<a href="http://validator.w3.org/">http://validator.w3.org/</a></p>
<p>2.<strong>W3C CSS 验证</strong></p>
<p>地址：<a href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a></p>
<p>3.<strong>JS压缩（解压）</strong></p>
<p>地址：<a href="http://www.biaodianfu.com/js-yasuo/">http://www.biaodianfu.com/js-yasuo/</a></p>
<p>4.<strong>CSS压缩（解压）</strong></p>
<p>简介：用于清除CSS文件中的空格和格式，加快CSS加载速度。</p>
<p>地址：<a href="http://www.cleancss.com/">http://www.cleancss.com/</a></p>
<p>5.<strong>图片压缩（支持PNG,GIF)</strong></p>
<p>地址：<a href="http://smush.it/">http://smush.it/</a></p>
<p>6.<strong>CSS Sprite Generator</strong></p>
<p>简介：CSS sprites（CSS 图片拼合）技术是将多张图片以一定间距合并为一个大图片，利用CSS中的<code>background-position属性来显示大图片中的特定位置。</code> 用来降低HTTP 连接请求数. 提高网页加载速度，尤其是网页上有众多小图片时效果显著</p>
<p>地址1：<a href="http://www.csssprites.com/">http://www.csssprites.com/</a></p>
<p>地址2：<a href="http://spritegen.website-performance.org/">http://spritegen.website-performance.org/</a></p>
<p>7.<strong>CSS圆角生成器</strong></p>
<p>地址：<a href="http://www.spiffycorners.com/">http://www.spiffycorners.com/</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/pr-10-website.html' rel='bookmark' title='PR=10 网站列表'>PR=10 网站列表</a></li>
<li><a href='http://www.biaodianfu.com/js-target-blank.html' rel='bookmark' title='使用JS让链接从新窗口打开'>使用JS让链接从新窗口打开</a></li>
<li><a href='http://www.biaodianfu.com/iis-log.html' rel='bookmark' title='IIS日志配置方案'>IIS日志配置方案</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/zaixianzhanzhanggongju.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

