当前位置:主页 > 计算机电子书 > 程序设计 > 网站设计下载
CSS3+DIV网页样式与布局从入门到精通

CSS3+DIV网页样式与布局从入门到精通 PDF 超清完整版

  • 更新:2019-09-18
  • 大小:185 MB
  • 类别:网站设计
  • 作者:未来科技
  • 出版:水利水电出版社
  • 格式:PDF

  • 资源介绍
  • 相关推荐

CSS3+DIV网页样式与布局从入门到精通 PDF

CSS 3 + DIV网页样式与布局从入门到精通》这书全方位系统化解读了CSS基础知识和具体应用技术性,根据很多案例对CSS DIV技术性、CSS关键技术、CSS实战演练运用开展了从入门到精通的剖析。。 本书分三绝大多数,共16章。首位一部分关键详细介绍了CSS有关基本知识,包含CSS样式品牌设计,应用CSS设定字体样式和文字样式、照片样式,操纵背景图图象,布置目录样式、表格样式、表单样式,界定连接样式,应用DIV+CSS布局网页,CSS精准定位与网页排版设计等;其次一部分详细介绍了CSS新技术应用,包含应用CSS3布局网页和布置动漫;第三部分成拓展运用一部分,详细介绍了怎么使用JavaScript操纵 CSS样式、应用CSS布置XML文本文档样式、应用CSS布置挪动网页页面等。

《CSS 3 + DIV网页样式与布局从入门到精通》配置了极其丰富多彩的教学资源,在其中配套设施資源:248节视频教学(可扫描二维码)、素材图片源代码;附送的扩展教学资源:练习题及面试题库、案例库、专用工具库、网页模板库、网页配色库、网页素材网、网页实例赏析库等。^

《CSS 3 + DIV网页样式与布局从入门到精通》适用CSS从入门到精通、CSS DIV从入门到精通层级用户,也可做为各大中专院校网页制作、网页设计、企业网站建设、Web前端工程师有关技术专业的课堂教学参照用书,或有关培训学校的培训教材。

目录

  • 第1章 CSS样式设计基础
  • 1.1 网页设计需要学什么
  • 1.1.1 学习HTML
  • 1.1.2 掌握DIV布局
  • 1.1.3 学习CSS
  • 1.1.4 学习JavaScript
  • 1.2 设计良好的结构
  • 1.2.1 一个简单的文档必须包含的内容
  • 1.2.2 认识标签
  • 1.2.3 选用标签
  • 1.2.4 使用div和span
  • 1.2.5 使用id和class
  • 1.2.6 设置文档类型
  • 1.2.7 认识显示模式
  • 1.3 初识CSS
  • 1.3.1 CSS发展历史
  • 1.3.2 CSS优势
  • 1.3.3 CSS样式
  • 1.3.4 应用CSS样式
  • 1.3.5 CSS样式表
  • 1.3.6 导入样式表
  • 1.3.7 CSS注释和格式化
  • 1.3.8 设计第一个样式示例
  • 1.4 CSS选择器
  • 1.4.1 认识CSS选择器
  • 1.4.2 标签选择器
  • 1.4.3 ID选择器
  • 1.4.4 类选择器
  • 1.4.5 指定选择器
  • 1.4.6 包含选择器
  • 1.4.7 子选择器
  • 1.4.8 相邻选择器
  • 1.4.9 兄弟选择器
  • 1.4.10 分组选择器
  • 1.4.11 伪选择器
  • 1.4.12 属性选择器
  • 1.4.13 通用选择器
  • 1.5 CSS特性
  • 1.5.1 层叠性
  • 1.5.2 继承性
  • 第2章 使用CSS设置字体和文本样式
  • 2.1 字体和文本样式基础
  • 2.1.1 字体类型
  • 2.1.2 字体大小
  • 2.1.3 字体颜色
  • 2.1.4 字体粗细
  • 2.1.5 斜体字体
  • 2.1.6 装饰线
  • 2.1.7 字体大小写
  • 2.1.8 文本水平对齐
  • 2.1.9 文本垂直对齐
  • 2.1.10 字间距和词间距
  • 2.1.11 行高
  • 2.1.12 首行缩进
  • 2.2 实战案例
  • 2.2.1 模拟百度Logo样式
  • 2.2.2 定义标题样式
  • 2.2.3 定义正文样式
  • 2.2.4 设计文本块样式
  • 2.2.5 设计新闻版面
  • 2.2.6 设计图文版面
  • 2.2.7 设计单页版式
  • 第3章 使用CSS设置图片样式
  • 3.1 图片样式基础
  • 3.1.1 图片边框
  • 3.1.2 图片大小
  • 3.1.3 图片对齐
  • 3.1.4 半透明图片
  • 3.1.5 圆角图片
  • 3.1.6 阴影图片
  • 3.2 实战案例
  • 3.2.1 设计镶边效果
  • 3.2.2 设计水印效果
  • 3.2.3 图文混排
  • 3.2.4 图片布局
  • 3.2.5 多图版式
  • 3.2.6 圆角栏目
  • 3.2.7 设计个人简历1
  • 3.2.8 设计个人简历2
  • 第4章 使用CSS控制背景图像
  • 4.1 背景样式基础
  • 4.1.1 背景颜色
  • 4.1.2 版块配色
  • 4.1.3 设置背景图像
  • 4.1.4 背景平铺
  • 4.1.5 背景定位
  • 4.1.6 固定背景
  • 4.1.7 定位参考
  • 4.1.8 背景裁剪
  • 4.1.9 背景大小
  • 4.1.10 多背景图
  • 4.2 实战案例
  • 4.2.1 设计带花纹的网页边框
  • 4.2.2 设计圆边页面
  • 4.2.3 设计分栏版式
  • 4.2.4 设计滑动门菜单
  • 4.2.5 设计焦点图
  • 第5章 使用CSS定义链接样式
  • 5.1 链接样式基础
  • 5.1.1 设置链接样式
  • 5.1.2 定义下划线样式
  • 5.1.3 定义类型标识样式
  • 5.1.4 定义按钮样式
  • 5.1.5 案例:基本链接样式应用
  • 5.2 实战案例
  • 5.2.1 鼠标光标样式
  • 5.2.2 文档类型提示
  • 5.2.3 工具提示样式
  • 5.2.4 立体菜单栏
  • 5.2.5 设计CSS Sprites导航栏
  • 5.2.6 选项卡
  • 5.2.7 浏览大图
  • 第6章 使用CSS设计列表样式
  • 6.1 列表样式基础
  • 6.1.1 设置项目符号
  • 6.1.2 自定义项目图标
  • 6.1.3 定义列表项目的版式
  • 6.2 实战案例
  • 6.2.1 设计新闻栏目
  • 6.2.2 设计导航菜单
  • 6.2.3 设计多级菜单
  • 6.2.4 设计列表版式
  • 6.2.5 使用列表设计图文混排页面
  • 6.2.6 设计水平滑动菜单
  • 6.2.7 设计垂直滑动菜单
  • 6.2.8 设计Tab面板
  • 6.2.9 设计下拉式面板
  • 第7章 使用CSS设计表格样式
  • 7.1 表格样式基础
  • 7.1.1 设置表格背景色和前景色
  • 7.1.2 设置表格边框
  • 7.1.3 设置单元格边距
  • 7.1.4 设置表格标题的位置
  • 7.1.5 隐藏空单元格
  • 7.2 实战案例
  • 7.2.1 设计课程表
  • 7.2.2 设计通讯录
  • 7.2.3 设计月历
  • 7.2.4 设计分组表格
  • 第8章 使用CSS设计表单样式
  • 8.1 表单样式基础
  • 8.1.1 定义表单字体样式
  • 8.1.2 定义表单边框和边距样式
  • 8.1.3 定义表单背景样式
  • 8.2 实战案例
  • 8.2.1 定义表单样式
  • 8.2.2 设计下拉菜单样式
  • 8.2.3 设计注册表
  • 8.2.4 设计调查表
  • 8.2.5 设计反馈表
  • 第9章 使用DIV+CSS布局网页
  • 9.1 CSS盒模型
  • 9.1.1 定义边界
  • 9.1.2 定义补白
  • 9.1.3 定义边框
  • 9.1.4 定义尺寸
  • 9.2 CSS布局基础
  • 9.2.1 定义显示类型
  • 9.2.2 定义显示模式
  • 9.2.3 网页布局样式
  • 9.2.4 设置浮动显示
  • 9.2.5 清除浮动
  • 9.2.6 浮动嵌套
  • 9.2.7 网页布局方法
  • 9.3 实战案例
  • 9.3.1 网站重构
  • 9.3.2 设计两列网页
  • 9.3.3 设计三列网页
  • 第10章 使用CSS定位
  • 10.1 CSS定位基础
  • 10.1.1 设置定位显示
  • 10.1.2 静态定位
  • 10.1.3 绝对定位
  • 10.1.4 相对定位
  • 10.1.5 固定定位
  • 10.1.6 定位包含框
  • 10.1.7 设置定位偏移
  • 10.1.8 设置层叠顺序
  • 10.1.9 层叠上下文
  • 10.2 实战案例
  • 10.2.1 画册式网页定位
  • 10.2.2 展厅式网页定位
  • 10.2.3 书签式网页定位
  • 第11章 网页版式设计与实战
  • 11.1 HTML结构重构
  • 11.1.1 设计基本结构
  • 11.1.2 SEO结构优化
  • 11.2 单列版式
  • 11.3 两列版式
  • 11.3.1 弹性版式
  • 11.3.2 固宽版式
  • 11.3.3 混合版式
  • 11.4 三列版式
  • 11.4.1 弹性版式
  • 11.4.2 固宽版式
  • 11.4.3 混合版式
  • 11.4.4 多列等高
  • 11.5 实战案例
  • 11.5.1 设计单列固宽网页
  • 11.5.2 设计单列弹性框架网页
  • 11.5.3 设计两列弹性网页
  • 11.5.4 设计三列弹性网页
  • 第12章 使用CSS3布局网页
  • 12.1 多列流动布局
  • 12.1.1 设置列宽
  • 12.1.2 设置列数
  • 12.1.3 设置列间距
  • 12.1.4 设置列边框样式
  • 12.1.5 设置跨列显示
  • 12.1.6 设置列高度
  • 12.2 弹性盒布局
  • 12.2.1 定义Flexbox
  • 12.2.2 定义伸缩方向
  • 12.2.3 定义行数
  • 12.2.4 定义对齐方式
  • 12.2.5 定义伸缩项目
  • 12.3 实战案例
  • 12.3.1 比较三种布局方式
  • 12.3.2 设计可伸缩网页模板
  • 12.3.3 设计多列网页
  • 12.3.4 设计HTML5应用网页模板
  • 第13章 使用CSS3设计动画
  • 13.1 设计2D变换
  • 13.1.1 定义旋转
  • 13.1.2 定义缩放
  • 13.1.3 定义移动
  • 13.1.4 定义倾斜
  • 13.1.5 定义矩阵
  • 13.1.6 定义变换原点
  • 13.2 设计3D变换
  • 13.2.1 定义位移
  • 13.2.2 定义缩放
  • 13.2.3 定义旋转
  • 13.3 设计过渡动画
  • 13.3.1 设置过渡属性
  • 13.3.2 设置过渡时间
  • 13.3.3 设置延迟时间
  • 13.3.4 设置过渡动画类型
  • 13.3.5 设置触发方式
  • 13.4 设计帧动画
  • 13.4.1 设置关键帧
  • 13.4.2 设置动画属性
  • 13.5 实战案例
  • 13.5.1 设计挂图
  • 13.5.2 设计高亮显示
  • 13.5.3 设计3D几何体
  • 13.5.4 设计旋转的盒子
  • 13.5.5 设计可折叠面板
  • 13.5.6 设计翻转广告
  • 13.5.7 设计跑步动画
  • 第14章 设计可响应的移动网页
  • 14.1 响应式设计基础
  • 14.1.1 响应式设计流程
  • 14.1.2 设计响应式图片
  • 14.1.3 定义媒体类型
  • 14.1.4 使用@media
  • 14.1.5 在<link>中定义媒体查询
  • 14.1.6 设计响应式布局
  • 14.2 实战案例
  • 14.2.1 根据设备控制显示内容
  • 14.2.2 设计伸缩菜单
  • 14.2.3 设计可响应网页模板
  • 14.2.4 设计响应式网站首页
  • 第15章 使用JavaScript控制CSS样式
  • 15.1 在网页中使用JavaScript
  • 15.1.1 使用<script>标签
  • 15.1.2 脚本位置
  • 15.1.3 延迟执行
  • 15.1.4 异步响应
  • 15.1.5 脚本样式与CSS样式
  • 15.2 获取网页对象
  • 15.2.1 获取元素
  • 15.2.2 使用CSS选择器
  • 15.2.3 遍历DOM节点
  • 15.2.4 遍历元素
  • 15.3 操作类样式
  • 15.3.1 获取类样式
  • 15.3.2 添加类样式
  • 15.3.3 删除类样式
  • 15.4 读写行内样式
  • 15.4.1 CSS脚本特性
  • 15.4.2 使用style对象
  • 15.5 读写样式表中样式
  • 15.5.1 使用styleSheets对象
  • 15.5.2 访问样式
  • 15.5.3 读取选择符
  • 15.5.4 编辑样式
  • 15.5.5 添加样式
  • 15.5.6 读取最终样式
  • 15.6 获取尺寸
  • 15.6.1 获取对象大小
  • 15.6.2 获取可视区域大小
  • 15.6.3 获取偏移大小
  • 15.6.4 获取窗口大小
  • 15.7 获取位置
  • 15.7.1 获取偏移位置
  • 15.7.2 获取相对位置
  • 15.7.3 获取定位位置
  • 15.7.4 获取鼠标指针位置
  • 15.7.5 获取鼠标指针相对位置
  • 15.7.6 获取滚动条位置
  • 15.8 设置位置
  • 15.8.1 设置偏移位置
  • 15.8.2 设置相对位置
  • 15.8.3 设置滚动条位置

资源下载

资源下载地址1:https://pan.baidu.com/s/1-uYYbRb24B8qcgT9DkpySw

相关资源

网友留言