CSS设计彻底研究

CSS设计彻底研究
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2008-02
版次: 1
ISBN: 9787115172969
定价: 69.00
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 456页
字数: 736千字
正文语种: 简体中文
  • 本书是一本深入研究和揭示CSS设计技术的书籍。本书在透彻地讲解CSS核心技术的基础上,深入到各个实际应用领域中,充分向读者演示了如何使用CSS的各项技术,实现令人眩目的网页布局和效果。
    本书详细介绍了CSS核心基础、盒子模型等知识,力求把道理和方法讲清楚,采用了“探索式”的讲解方法,对于一个问题,例如标准流、浮动、定位等规律,均通过一系列动手实验,使读者自己就能够非常自然地得出结论,使读者不但知其然,而且还知其所以然。
    在本书中对设计中常用的网页元素和布局方式都给出详细的分类和归纳,并讲解了完整的解决方法,主要包括各种导航菜单(水平的、竖直的、固定宽度的、自适应宽度的、下拉的等),Tab面板、伸缩面板和折叠面板,以及各种形式的分列布局(固定宽度的、变化宽度的、固定宽度与变化宽度结合的),等等。这样读者在理解了方法的基础上,可以直接将案例用在自己的设计中的,只需要按照所需进行修改即可。
    本书适合需要使用CSS的Web设计人员和开发人员阅读,最好具备一定的HTML和网页设计制作基础。 第1章(X)HTML与CSS核心基础
    1.1HTML与XHTML
    1.1.1追根溯源
    1.1.2DOCTYPE(文档类型)的含义与选择
    1.1.3XHTML与HTML的重要区别

    1.2(X)HTML与CSS
    1.2.1CSS标准简介
    1.2.2在HTML中引入CSS的方法

    1.3基本CSS选择器
    1.3.1标记选择器
    1.3.2类别选择器
    1.3.3ID选择器

    1.4复合选择器
    1.4.1“交集”选择器
    1.4.2“并集”选择器
    1.4.3后代选择器

    1.5CSS的继承特性
    1.5.1继承关系
    1.5.2CSS继承的运用

    1.6CSS的层叠特性
    1.7本章小结

    第2章“CSS禅意花园”作品鉴赏
    2.1“CSS禅意花园”简介
    2.2郊野——两列布局
    2.3像素画——三列布局
    2.4百合池塘——三列布局变体
    2.5郁金香——多列布局
    2.6日与夜——包含圆角的设计
    2.7Si6——包含倾斜的设计
    2.8清茶时光——装饰性设计
    2.9爱之空气——流体布局
    2.10谷香——食品主题设计
    2.11城市——建筑主题设计
    2.12“卡通版”禅意花园——特色效果
    2.13收音机——特色效果
    2.14杀手风格——特色效果
    2.15海底世界——特色效果
    2.16博物馆——特色设计
    2.17剧院效果——特色效果
    2.18本章小结

    第3章深入理解盒子模型
    3.1盒子的内部结构
    3.2边框(border)
    3.2.1实验1——border-style
    3.2.2属性值的简写形式
    3.2.3实验2——属性的缩写形式
    3.2.4实验3——边框与背景

    3.3内边距(padding)
    3.4外边距(margin)
    3.5盒子之间的关系
    3.5.1HTML与DOM
    3.5.2标准文档流
    3.5.3div标记与span标记

    3.6盒子在标准流中的定位原则
    3.6.1实验1——行内元素之间的水平margin
    3.6.2实验2——块级元素之间的竖直margin
    3.6.3实验3——嵌套盒子之间的margin
    3.6.4实验4——将margin设置为负值

    3.7CSS中的几何题
    3.8本章小结

    第4章盒子的浮动与定位
    4.1盒子的浮动
    4.1.1准备代码
    4.1.2实验1——设置第1个浮动的div
    4.1.3实验2——设置第2个浮动的div
    4.1.4实验3——设置第3个浮动的div
    4.1.5实验4——改变浮动的方向
    4.1.6实验5——再次改变浮动的方向
    4.1.7实验6——全部向左浮动
    4.1.8实验7——使用clear属性清除浮动的影响
    4.1.9实验8——扩展盒子的高度

    4.2盒子的定位
    4.2.1static(静态定位)
    4.2.2relative(相对定位)
    4.2.3absolute(绝对定位)
    4.2.4fixed(固定定位)

    4.3z-index空间位置
    4.4盒子的display属性
    4.5本章小结

    第5章文字与图像
    ……
    第6章链接与导航
    第7章竖直排列的导航菜单
    第8章水平导航菜单
    第9章下拉菜单
    第10章表格也精彩
    第11章圆角设计
    第12章应用Spry制作高级网页组件
    第13章固定宽度布局剖析与制作
    第14章变宽度网页布局剖析与制作
    第15章“CSS禅意花园”作品研究
    第16章综合案例研究
    第17章从学习到创作
    附录CSS英文小字典
  • 内容简介:
    本书是一本深入研究和揭示CSS设计技术的书籍。本书在透彻地讲解CSS核心技术的基础上,深入到各个实际应用领域中,充分向读者演示了如何使用CSS的各项技术,实现令人眩目的网页布局和效果。
    本书详细介绍了CSS核心基础、盒子模型等知识,力求把道理和方法讲清楚,采用了“探索式”的讲解方法,对于一个问题,例如标准流、浮动、定位等规律,均通过一系列动手实验,使读者自己就能够非常自然地得出结论,使读者不但知其然,而且还知其所以然。
    在本书中对设计中常用的网页元素和布局方式都给出详细的分类和归纳,并讲解了完整的解决方法,主要包括各种导航菜单(水平的、竖直的、固定宽度的、自适应宽度的、下拉的等),Tab面板、伸缩面板和折叠面板,以及各种形式的分列布局(固定宽度的、变化宽度的、固定宽度与变化宽度结合的),等等。这样读者在理解了方法的基础上,可以直接将案例用在自己的设计中的,只需要按照所需进行修改即可。
    本书适合需要使用CSS的Web设计人员和开发人员阅读,最好具备一定的HTML和网页设计制作基础。
  • 目录:
    第1章(X)HTML与CSS核心基础
    1.1HTML与XHTML
    1.1.1追根溯源
    1.1.2DOCTYPE(文档类型)的含义与选择
    1.1.3XHTML与HTML的重要区别

    1.2(X)HTML与CSS
    1.2.1CSS标准简介
    1.2.2在HTML中引入CSS的方法

    1.3基本CSS选择器
    1.3.1标记选择器
    1.3.2类别选择器
    1.3.3ID选择器

    1.4复合选择器
    1.4.1“交集”选择器
    1.4.2“并集”选择器
    1.4.3后代选择器

    1.5CSS的继承特性
    1.5.1继承关系
    1.5.2CSS继承的运用

    1.6CSS的层叠特性
    1.7本章小结

    第2章“CSS禅意花园”作品鉴赏
    2.1“CSS禅意花园”简介
    2.2郊野——两列布局
    2.3像素画——三列布局
    2.4百合池塘——三列布局变体
    2.5郁金香——多列布局
    2.6日与夜——包含圆角的设计
    2.7Si6——包含倾斜的设计
    2.8清茶时光——装饰性设计
    2.9爱之空气——流体布局
    2.10谷香——食品主题设计
    2.11城市——建筑主题设计
    2.12“卡通版”禅意花园——特色效果
    2.13收音机——特色效果
    2.14杀手风格——特色效果
    2.15海底世界——特色效果
    2.16博物馆——特色设计
    2.17剧院效果——特色效果
    2.18本章小结

    第3章深入理解盒子模型
    3.1盒子的内部结构
    3.2边框(border)
    3.2.1实验1——border-style
    3.2.2属性值的简写形式
    3.2.3实验2——属性的缩写形式
    3.2.4实验3——边框与背景

    3.3内边距(padding)
    3.4外边距(margin)
    3.5盒子之间的关系
    3.5.1HTML与DOM
    3.5.2标准文档流
    3.5.3div标记与span标记

    3.6盒子在标准流中的定位原则
    3.6.1实验1——行内元素之间的水平margin
    3.6.2实验2——块级元素之间的竖直margin
    3.6.3实验3——嵌套盒子之间的margin
    3.6.4实验4——将margin设置为负值

    3.7CSS中的几何题
    3.8本章小结

    第4章盒子的浮动与定位
    4.1盒子的浮动
    4.1.1准备代码
    4.1.2实验1——设置第1个浮动的div
    4.1.3实验2——设置第2个浮动的div
    4.1.4实验3——设置第3个浮动的div
    4.1.5实验4——改变浮动的方向
    4.1.6实验5——再次改变浮动的方向
    4.1.7实验6——全部向左浮动
    4.1.8实验7——使用clear属性清除浮动的影响
    4.1.9实验8——扩展盒子的高度

    4.2盒子的定位
    4.2.1static(静态定位)
    4.2.2relative(相对定位)
    4.2.3absolute(绝对定位)
    4.2.4fixed(固定定位)

    4.3z-index空间位置
    4.4盒子的display属性
    4.5本章小结

    第5章文字与图像
    ……
    第6章链接与导航
    第7章竖直排列的导航菜单
    第8章水平导航菜单
    第9章下拉菜单
    第10章表格也精彩
    第11章圆角设计
    第12章应用Spry制作高级网页组件
    第13章固定宽度布局剖析与制作
    第14章变宽度网页布局剖析与制作
    第15章“CSS禅意花园”作品研究
    第16章综合案例研究
    第17章从学习到创作
    附录CSS英文小字典
查看详情
12