CSS+DIV网页样式布局实战从入门到精通PDF|Epub|txt|kindle电子书版本网盘下载

CSS+DIV网页样式布局实战从入门到精通PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 CSS入门2

1.1CSS的概念2

1.1.1网页中标记的概念2

1.1.2HTM L与CSS的互补2

1.1.3浏览器对CSS的支持3

1.2网页设计中的CSS3

1.2.1CSS能做什么3

1.2.2CSS的局限性3

1.3网站CSS赏析4

1.3.1商务网站CSS样式赏析4

1.3.2游戏网站CSS样式赏析4

1.4实例——编写我的第一个CSS样式5

1.4.1从零开始5

1.4.2加入CSS控制6

1.4.3控制图片6

1.4.4CSS的注释7

高手私房菜7

第2章 CSS 3基本语法10

2.1构造CSS规则10

2.2实例1——基本CSS选择器10

2.2.1标记选择器11

2.2.2类别选择器12

2.2.3ID选择器15

2.3实例2——在HTML中使用CSS16

2.3.1行内样式16

2.3.2内嵌式17

2.3.3链接式18

2.3.4导入式19

2.3.5各种方式的优先级20

2.4CSS 3的声明20

2.4.1标准声明20

2.4.2合并多重声明20

2.5属性值21

2.5.1整数和实数21

2.5.2长度值22

2.5.3百分比值22

2.5.4U R L22

2.5.5颜色值23

2.6CSS的继承23

高手私房菜24

第3章 手工与借助工具编写网页样式C26

3.1实例1——手工编写&C26

3.1.1从零开始26

3.1.2设置标题28

3.1.3控制图片28

3.1.4设置正文29

3.1.5设置整体页面30

3.1.6对段落进行分别设置30

3.1.7完整代码31

3.2实例2——使用Dreamweaver编写32

3.2.1使用Dreamweaver创建页面32

3.2.2在Dreamweaver中新建CSS规则34

3.2.3在Dreamweaver中编辑CSS规则38

3.2.4为图像创建CSS规则38

高手私房菜40

第4章 盒子模型42

4.1盒子的内部结构42

4.2实例1——边框42

4.2.1边框类型42

4.2.2属性值的简写形式44

4.2.3边框与背景44

4.3实例2——内边距45

4.4实例3——外边距46

4.5实例4——盒子之间的关系47

4.5.1HTML与DOM47

4.5.2标准文档流49

4.5.3div标记与span标记49

4.6实例5——盒子在标准流中的定位原则50

4.6.1行元素之间的水平margin50

4.6.2块元素之间的竖直margin51

4.6.3嵌套盒子之间的margin52

4.6.4将margin设为负值52

4.7实例6——盒子的浮动53

4.7.1准备代码53

4.7.2设置浮动的div54

4.7.3改变浮动的方向55

4.7.4全部向右浮动56

4.7.5使用clear属性清除浮动的影响56

4.8实例7——盒子的定位57

4.8.1静态定位58

4.8.2相对定位58

4.8.3绝对定位59

4.8.4固定定位60

高手私房菜60

第5章 CSS 3的高级特性62

5.1实例1——复合选择器62

5.1.1交集选择器62

5.1.2并集选择器62

5.1.3后代选择器63

5.2实例2—— CSS的继承特性64

5.2.1继承关系65

5.2.2CSS继承的运用65

5.3实例3—— CSS的层叠特性66

高手私房菜68

第6章 网页字体与对象尺寸70

6.1实例1——指定字体属性70

6.1.1font-weight属性70

6.1.2font-variant属性71

6.1.3font-style属性72

6.1.4font简写属性72

6.2实例2——字体族73

6.2.1泛型字体族73

6.2.2通常安装的字体74

6.3实例3——设置字体74

6.3.1选择字体集74

6.3.2设置字体尺寸75

6.3.3设置文字横向拉伸变形76

6.3.4设置字体尺寸是否统76

6.4实例4——设置对象尺寸76

6.4.1对象宽度设定77

6.4.2对象高度设定77

6.4.3对象尺寸范围设定78

6.4.4文本行高控制78

6.4.5垂直对齐方式79

高手私房菜80

第7章 网页文本与段落设计82

7.1实例1——添加文本82

7.1.1普通文本82

7.1.2特殊文字符号82

7.2实例2——文本排版83

7.2.1段落标记P与换行标记br84

7.2.2标题标记h 1～h684

7.2.3文本水平居中标记center85

7.3实例3——网页特殊字符85

7.4实例4——文本的应用87

高手私房菜88

第8章 文本样式90

8.1长度单位90

8.2实例1——颜色定义90

8.3实例2——准备页面91

8.4实例3——设置文字的字体92

8.5实例4——设置文字的倾斜效果93

8.6实例5——设置文字的加粗效果93

8.7实例6——英文字母大小写转换93

8.8实例7——控制文字的大小94

8.9实例8——文字的装饰效果95

8.10实例9——设置段落首行缩进95

8.11实例10——设置字词间距96

8.12实例11——设置段落内部的文字行高96

8.13实例12——设置段落之间的距离97

8.14实例13——控制文本的水平位置97

8.15实例14——设置文字与背景的颜色98

8.16实例15——设置段落的垂直对齐方式99

高手私房菜100

第9章 文本颜色与效果102

9.1实例1——文本颜色102

9.1.1定义颜色值102

9.1.2有效使用颜色103

9.2实例2——特殊文本效果104

9.2.1text-decoration属性104

9.2.2text-transform属性105

9.3实例3——控制文本间距107

9.3.1letter-spacing属性107

9.3.2word-spacing属性108

9.3.3white-spacing属性109

9.3.4line-height属性111

高手私房菜112

第10章 背景颜色与图像114

10.1实例1——设置背景颜色114

10.2实例2——设置背景图像115

10.3实例3——设置背景图像平铺116

10.4实例4——设置背景图像位置117

10.5实例5——设置背景图片位置固定119

10.6实例6——设置标题的图像替换119

10.7实例7——使用滑动门技术的标题120

高手私房菜122

第11章 图像效果124

11.1实例1——设置图片边框124

11.1.1基本属性124

11.1.2为不同的边框分别设置样式125

11.2实例2——图片缩放126

11.3实例3——图文混排127

11.3.1文字环绕127

11.3.2设置图片与文字的间距128

11.4实例4——八大行星科普网页129

11.5实例5——设置图片与文字的对齐方式134

11.5.1横向对齐方式134

11.5.2纵向对齐方式135

高手私房菜136

第12章 网页表格138

12.1实例1——创建表格138

12.2实例2——控制表格139

12.2.1表格中的标记139

12.2.2表格的边框141

12.2.3表格宽度的确定141

12.2.4其他与表格相关的标记142

12.3实例3——表格操作144

12.3.1合并单元格144

12.3.2设置对齐方式145

12.3.3用cellpadding属性和cellspacing属性设定距离146

12.4实例4——鼠标指针经过时整行变色提示的表格147

12.4.1搭建HTML结构147

12.4.2在Firefox和IE9中实现鼠标指针经过时整行变色149

12.4.3在IE6中实现鼠标指针经过时整行变色149

12.5实例5——制作计算机报价表150

高手私房菜152

第13章 链接与项目列表154

13.1实例1——丰富的链接特效154

13.1.1动态超链接154

13.1.2按钮式超链接155

13.1.3CSS控制鼠标指针156

13.1.4浮雕背景超链接158

13.1.5让下画线动起来159

13.2实例2——项目列表160

13.2.1列表的符号160

13.2.2图片符号161

13.2.3建立有序列表162

13.2.4建立无序列表163

13.2.5网页列表的应用164

高手私房菜166

第14章 导航菜单168

14.1实例1——简单的导航菜单168

14.1.1竖直导航菜单168

14.1.2横竖自由转换菜单170

14.2实例2——水平导航菜单171

14.2.1自适应的斜角水平菜单171

14.2.2应用滑动门技术的玻璃效果菜单174

14.2.3会跳起的多彩菜单176

14.3实例3——竖直排列的导航菜单180

14.3.1双竖线菜单180

14.3.2双斜角横线菜单181

14.3.3立体菜单183

14.3.4箭头菜单184

14.3.5带说明信息的菜单186

14.4实例4——下拉菜单187

高手私房菜190

第15章 固定宽度布局192

15.1 CSS排版观念192

15.1.1MSN的首页192

15.1.2Hao123的首页193

15.1.3Yahoo的首页193

15.2实例1——单列布局194

15.2.1放置第一个圆角框194

15.2.2设置圆角框的CSS样式195

15.2.3放置其他圆角框197

15.3实例2—— “1-2-1”固定宽度布局198

15.3.1准备工作199

15.3.2绝对定位法200

15.3.3浮动法201

15.4实例3—— “1-3-1”固定宽度布局202

15.5实例4——魔术布局205

15.5.1魔术布局设计205

15.5.2制作魔术布局207

15.5.3修正缺陷211

高手私房菜212

第16章 变宽度布局214

16.1实例1——“1-2-1”变宽度网页布局214

16.1.1 “1-2-1”等比例变宽布局214

16.1.2“1-2-1”单列变宽布局215

16.2实例2—— “1-3-1”变宽度网页布局216

16.2.1“1-3-1”三列宽度等比例布局216

16.2.2“1-3-1”单侧列宽度固定的变宽布局216

16.2.3“1-3-1”中间列宽度固定的变宽布局220

16.2.4“1-3-1” 双侧列宽度固定的变宽布局224

16.2.5“1-3-1”中列和侧列宽度固定的变宽布局228

16.3实例3——分列布局背景颜色问题232

16.3.1设置固定宽度布局的列背景色233

16.3.2设置特殊宽度变化布局的列背景色234

16.3.3设置单列宽度变化布局的列背景色235

16.3.4设置多列等比例宽度变化布局的列背景色237

高私房菜238

第17章 制作商务类型网页240

17.1设计整体结构240

17.1.1设计分析240

17.1.2排版架构240

17.2整体设置241

17.3设置页头242

17.4设置中间部分242

17.4.1产品展示242

17.4.2新闻中心243

17.4.3促销产品245

17.5页脚部分245

高手私房菜246

第18章 制作时尚科技类型网页248

18.1整体布局248

18.1.1设计分析248

18.1.2排版架构248

18.2设计模块组成248

18.2.1导航区249

18.2.2Banner区250

18.2.3资讯区250

18.2.4页脚251

18.3设置链接252

高手私房菜252

第19章 制作在线购物类型网页254

19.1整体布局254

19.1.1设计分析254

19.1.2排版架构254

19.2设计模块组成254

19.2.1导航254

19.2.2Banner255

19.2.3产品类别256

19.2.4页脚256

19.3设置链接256

高手私房菜256

第20章 制作娱乐休闲类型网页258

20.1设置网页背景258

20.2整体布局258

20.2.1设 计分析258

20.2.2排版架构258

20.3设计模块组成259

20.3.1注册259

20.3.2导航260

20.3.3预告261

20.3.4新片262

20.3.5页脚263

20.4设置链接264

高手私房菜264

第21章 制作适合手机浏览的网页266

21.1整体布局266

21.1.1设计分析266

21.1.2排版架构266

21.2设计导航菜单266

21.3设置模块内容267

高手私房菜268