CSS基础教程

内容提要

版权声明

译者序

序

前言

第一部分了解CSS

第1章入门

1.1将CSS应用到(X)HTML

1.1.1准备基本的(X)HTML模板

1.1.2内联样式

1.1.3内嵌样式

1.1.4外部样式

1.1.5导入和组合样式

1.1.6打印样式表

1.1.7其他样式表

1.2维护和组织样式表

1.2.1多个目录

1.2.2多样式表

1.2.3在其他的设备上使用屏幕样式表

1.3高效的CSS语法

1.3.1定义一个样式

1.3.2注释

1.3.3为规則加上标志

1.3.4为了清晰，使用缩进

1.4准备好继续进行

第2章CSS核心概念

2.1ID与类

2.1.1ID

2.1.2类

2.2使用层叠

2.2.1利用不同的应用方法实现层叠

2.2.2通过多个外部样式表层叠

2.2.3通过导入样式表实施层叠

2.2.4层次的最底层

2.2.5小心使用层叠

2.3分组

2.4继承

2.4.1父元素与子元素

2.4.2继承的工作原理

2.4.3从body继承

2.4.4提醒

2.5上下文选择器

2.6CSS度量

2.6.1绝对度量

2.6.2相对度量

2.6.3像素

2.6.4百分比

2.6.5em

2.7小结

第3章CSS构造块

3.1div

3.1.1添加div

3.1.2添加子div

3.1.3div和上下文选择器

3.2维度：宽度和高度

3.3外边距

3.3.1外边距声明

3.3.2用marqin:auto将元素居中

3.4内边距

3.4.1内边距声明

3.4.2内边距缩写

3.5外边距、内边距和主体

3.6边框

3.6.1边框属性

3.6.2让边框变得明显

3.7小结

第4章文本

4.1为什么文本如此重要

4.1.1通过适当的字体来表达网页的风格

4.1.2清晰字体平滑

4.2基本字体属性

4.2.1设定字体

4.2.2字体声明缩写

4.3可用字体

4.3.1Web安全字体

4.3.2有趣的替代字体

4.3.3谨慎使用字体

4.4默认的浏览器显示

4.5应用样式

4.5.1定义样式表

4.5.2body声明

4.6请务必使用line-height属性

4.6.1用百分比设置line-height

4.6.2其他line-height值

4.7line-spacing属性

4.8其他的关键字体属性

4.8.1font-weight

4.8.2font-style

4.8.3font-variant

4.8.4text-tLansfoLm

4.8.5几种字体属性的组合

4.8.6更多字体声明缩写

4.9灵活处理文本

4.9.1引用

4.9.2段落缩进

4.9.3首字下沉

4.10愿字体与你同在

第5章颜色、背景与图像

5.1颜色简史

5.1.1Web安全是首位的吗

5.1.2设定颜色

5.1.3使用17种具名颜色

5.1.4我们一定要使用Web安全吗

5.1.5为你的设计选定一个调色板

5.2文本颜色

5.3背景色

5.3.1在文本上添加背景色

5.3.2为标题添加背景色

5.3.3为其他元素添加背景

5.4背景的图像格式

5.4.1GIF

5.4.2JPEG

5.4.3PNG

5.4.4小结

5.5背景图像

5.5.1明智地使用背景图像

5.5.2准备好模板和样式表

5.5.3设定背景图像

5.5.4重复

5.5.5定位

5.5.6粘连

5.5.7背景缩写

5.6小结

第6章列表

6.1为什么要采用列表

6.2无序列表

6.2.1基本列表CSS

6.2.2以背景图像作为列表项目符

6.2.3内联列表

6.2.4用ID控制

6.2.5用类对列表项进行分组

6.2.6嵌套列表

6.3用于导航的列表

6.4有序列表

6.4.1控制有序列表

6.4.2创建自定义数字

6.4.3用特定类声明数字

6.4.4装饰有序列表

6.5小结

第7章链接

7.1链接标记

7.2默认链接样式

7.3简单CSS规则

7.3.1建立模板

7.3.2改变链接颜色

7.3.3关于顺序的一点提示：LoVeHAte

7.4其他有用的链接属性

7.4.1文本修饰

7.4.2为链接加上边框

7.4.3用背景图像添加记号

7.5利用派生选择器来影响链接

7.6利用链接来转换导航栏

7.6.1准备一个模板

7.6.2定义所有共享的链接声明和可点击区域

7.6.3定义背景色

7.6.4突出当前页面

7.7小结

第8章表格和定义列表

8.1表格

8.1.1关于可访问性的一点说明

8.1.2表格是用来干什么的

8.1.3常用表格

8.1.4border-collapse

8.1.5自定义元素

8.2定义列表

8.2.1定义列表标记

8.2.2定义列表中的列表

8.2.3小心使用定义列表

8.2.4推荐阅读

8.3小结，

第9章表单

9.1标记回顾

9.1.1表单元素

9.1.2提高可访问性

9.1.3使用ID

9.2通过浏览器呈现表单元素

9.3表单样式基础

9.3.1准备一个文件和样式表

9.3.2表单CSS块完成了

9.43种方法

9.4.1关于每一个例子

9.4.2基于表格的表单

9.4.3段落和换行元素布局

9.4.4定义列表布局

9.5哪一种方法更好

9.6小结

第二部分逻辑布局

第10章布局基础

10.1浮动和清理

10.1.1float属性

10.1.2浮动图像

10.1.3清理浮动

10.1.4清理浮动图像

10.2定位

10.2.1基本定位属性和值

10.2.2记住这一点

10.3小结

第11章经典布局

11.1布局类型

11.1.1固定宽度布局

11.1.2流体布局

11.1.3弹性布局

11.1.4可变固定宽度

11.2准备工作

11.3流体浮动两列布局

11.3.1报头和页脚

11.3.2浮动边栏

11.3.3流体左浮动、右浮动

11.4流体浮动三列布局

11.5流体定位两列布局

11.5.1高度很重要

11.5.2页脚问题

11.6流体定位三列布局

11.7固定宽度布局

11.7.1框模型

11.7.2固定以及浮动三列布局

11.8小结

第12章布局操作

12.1用上下文选择器切换布局

12.1.1准备工作

12.1.2body

12.2伪列

12.2.1准备工作

12.2.2框模型又如何呢

12.2.3流体伪列

12.3小结

第13章由布局到模板之旅

13.1报头

13.1.1基本报头

13.1.2Content右浮动(搜索工具)

13.2标题

13.3导航栏

13.4漂亮的页脚

13.4.1特殊页脚

13.4.2action-packed页脚

13.5小结

第14章提高可用性和可访问性

14.1指导原则和法规

14.1.1网站内容可访问性指南

14.1.2508款

14.2用户样式表

14.2.11important

14.2.2继承

14.3更有帮助

14.4特定样式表

14.4.1打印样式表

14.4.2可移动设备/手持设备样式表

14.5小结

第15章技巧、窍门和问题

15.1轮换图像

15.1.1过去的情况

15.1.2(X)HTML

15.1.3图像

15.1.4CSS

15.2overflow属性

15.3组合类

15.4hack和滤镜

15.4.1安全hack

15.4.2即将面世的IE7

15.5解决问题

15.5.1常见问题

15.5.2建议

15.6小结

第16章案例分析：TheDeadGoods

16.1案例分析

16.2整个过程

16.2.1设计

16.2.2内容

16.2.3表现

16.3准备工作

16.4为布局加上线框

16.4.1主体

16.4.2容器

16.4.3报头

16.4.4列

16.4.5页脚

16.4.6有组织曲布局

16.5使用背景

16.5.1报头背景

16.5.2边栏背景

16.5.3主列背景

16.5.4页脚背景

16.5.5页面背景

16.5.6背景设置大功告成

16.6文本处理

16.6.1回到主体处理

16.6.2标题

16.6.3列文本

16.7最后的冲刺

16.7.1把logo作为主页链接

16.7.2主导航栏

16.7.3登录表单

16.7.4页脚内容

16.8结束

16.9本书结束

附录CSS参考

索引

　　CSS是现代Web开发和设计中必不可缺的一种技术。它与HTML、JavaScript/DOM分别负责网页的表现、结构和行为，共同构成了Web标准的三大支柱。本书是最受推崇的CSS入门图书之一。本书从实践出发，涵盖了最新的Web标准和当代Web设计实践，并在有针对性地探讨了CSS的核心概念之后，很快转到如何为网页的各个部分添加样式，然后从一个专业Web设计师的角度考虑布局及其他Web设计中会碰到的各种问题，并专门介绍了许多专家级技术和诀窍，最后用一个案例分析综合运用己学技术，使你体会如何用纯正地道的CSS使网站变得生动，让你大开眼界！书后的CSS参考对于有经验的Web开发人员也颇具参考价值。阅读本书，你可以很快对CSS融会贯通，成为专业的Web和开发人员。　　本书是优秀的CSS入门书，重点讲述了如何使用CSS实现基于Web标准的网站开发，实现网站内容和表现相分离。　　本书包括两部分。第一部分介绍了CSS的基础知识和基本概念，再利用CSS分别对网页创建中的一些基本元素加上样式，包括：文本、图像、列表、链接、表格、表单等。第二部分主要讨论了基于CSS来实现网页基本布局的相关概念与技术，包括浮动、流体布局等。本书最后还给出了一个真实的案例，将本书的所有内容进行了综合讨论。　　本书适合于各层次Web开发人员、设计人员和测试人员学习参考。作者简介：　　ShnonCollison杰出的英国Web设计师和软件工程师。2006年10月创办了Eriskine设计公司。从2002年到2006年，他领导Agenzia公司(www.agenzia.co.uk)的Web开发人员，完成了多个网站的设计和开发工作。他是名著《精通CSS》(人民邮电出版社出版)的作者之一。可通过www.collylogic.com与他联系。