内容简介
《写给大家看的CSS书(第2版)》介绍了CSS样式设计,主要涵盖利用XHTML为内容定义结构、CSS的工作原理、字体和文本样式、定位元素、基本的页面布局等内容,详细讲述了所有程序员都需要掌握的两种技能:避免重写以前曾经写过的代码和掌握以最经济的方法编写代码。
目录
- 第1章XHTML:为内容定义结构
- 1.1Web标准
- 1.1.1时至今日,仍然会提到IDWIMIE
- 1.1.2内容、结构和表现
- 1.2时代在改变
- 1.2.1过去的方式
- 1.2.2未来刚刚开始
- 1.3XHTML及编写规则
- 1.3.1XHTML——规则
- 1.3.2XHTML模板
- 1.3.3标记内容
- 1.3.4文档流——块级元素和行内元素
- 1.3.5文档层次:认识XHTML家族
- 第2章CSS的工作原理
- 2.1为文档应用样式的3种方式
- 2.1.1内联样式
- 2.1.2嵌入样式
- 2.1.3链接样式
- 2.2CSS规则剖析
- 2.3编写CSS规则
- 2.4在文档层次中对准标签
- 2.4.1使用上下文选择符
- 2.4.2使用子选择符
- 2.4.3添加类和ID
- 2.4.4ID简介
- 2.4.5ID和类之间的区别
- 2.4.6特殊的选择符
- 2.4.7选择符小结
- 2.5伪类
- 2.5.1锚链接的伪类
- 2.5.2其他有用的伪类
- 2.6伪元素
- 2.7继承
- 2.8层叠机制
- 2.8.1样式的来源
- 2.8.2层叠规则
- 2.9规则声明
- 2.9.1数字值
- 2.9.2颜色值
- 第3章字体和文本样式
- 3.1在CSS中指定字体
- 3.2探索字体系列
- 3.2.1使用嵌入样式(仅现在)
- 3.2.2为整个页面设置字体系列
- 3.3设置字体大小
- 3.4字体属性
- 3.4.1font-style属性
- 3.4.2font-weight属性
- 3.4.3font-variant属性
- 3.4.4字体属性的简写方式
- 3.5文本属性
- 3.5.1text-indent属性
- 3.5.2letter-spacing属性
- 3.5.3word-spacing属性
- 3.5.4text-decoration属性
- 3.5.5text-align属性
- 3.5.6line-height属性
- 3.5.7text-transform属性
- 3.5.8vertical-align属性
- 3.6使用字体和文本属性
- 第4章定位元素
- 4.1理解盒模型
- 4.1.1盒子的边框
- 4.1.2盒子的内边距
- 4.1.3盒子的外边距
- 4.1.4折叠外边距
- 4.2盒子到底有多大
- 4.3浮动和清除
- 4.3.1float属性
- 4.3.2clear属性
- 4.4position属性
- 4.4.1静态(static)定位
- 4.4.2相对(relative)定位
- 4.4.3绝对(absolute)定位
- 4.4.4固定(fixed)定位
- 4.4.5定位环境
- 4.5display属性
- 4.6使用position/display属性的例子
- 第5章基本的页面布局
- 5.1有代表性的多栏布局
- 5.2本书CSS库——Stylib简介
- 5.3宽度问题
- 5.4浮动布局与绝对定位布局
- 5.4.1简单的两栏式固定宽度布局
- 5.4.2理解内部div
- 5.4.3防止不必要的溢出
- 5.4.4按照需要为内部div添加样式
- 5.4.5为文本添加样式
- 5.5简单的两栏流动式布局
- 5.5.1使用一点限制
- 5.5.2浮动还是不要浮动
- 5.6三栏式固定宽度布局
- 5.7三栏流动式布局
- 5.8设计长度相同的分栏
- 5.8.1人造分栏
- 5.8.2以编程方式扩展分栏(并添加圆角)
- 5.9绝对定位的布局
- 第6章设计界面组件
- 6.1为表格添加样式
- 6.2为表单添加样式
- 6.2.1表单的工作原理
- 6.2.2表单的标记
- 6.2.3表单的样式
- 6.3为列表和菜单添加样式
- 6.3.1列表
- 6.3.2创建基于CSS的菜单
- 第7章构建网页
- 7.1本书网站简介
- 7.2设置文件夹结构
- 7.3创建站点结构
- 7.3.1从库中复制必要的CSS文件
- 7.3.2@import规则
- 7.3.3与文本和颜色有关的样式表
- 7.3.4页面中的标记
- 7.3.5背景图像
- 7.3.6下拉菜单
- 7.3.7透明的侧边栏面板
- 7.3.8添加注册表单
- 7.3.9文本样式
- 7.4结束语
- 附录AXHTML标签参考
- 附录BCSS属性参考
10年前,做网页时只知道HTML,整天用dreamweaver, 做的是复制与粘贴,检查HTML的树,改属性,重复性的动作让我欲罢不能,做500个页面下来,体力得到煅炼,大脑却在忍受折磨。
5年前,做WEB开发,从前端JS到后端DB,都没有什么,但是在做前端时,只会用JAVA SCRIPT用控制DOM,觉得很爽,感觉比10年前好多了,可是在不断却用函数来设置界面时,仍然摆脱不了重复的动作,仍然在煅炼着体力,大脑还是有疑问,有什么办法可以帮我解脱吗?也许有,只是我不知道。
当我拿着FIREFOX和WEBKIT代码却不知从何下手时,想从下往上来了解浏览器系统是很难的,但从CSS规则入手,从界面布局到渲染控制,就可以在高层对浏览器有整体的把握了。网页的三架马车:HTML,CSS,JS,是缺一不可,这是MVC模式的最好诠释。
当HTML全网实现标准化以后,JAVASCRIPT的引擎速度是当前的竞争焦点,而网页性能最后一米的冲刺却要看CSS和渲染引擎了。现在CHROME是看到了浏览器的方向并把握了当前的浏览器演进脉搏。下一个能把握的是哪一个浏览器呢?
图灵系列是我最喜欢的编程书。// 终于入门CSS了:层叠样式表的“层叠”指的是那5种插入CSS样式的优先级;盒模型指的是每个标签都是装内容的盒子;多栏页面,用的就是浮动属性。