多种网盘链接检测插件 购买前，请先检测网盘链接是否有效
《HTML5布局之路》_Liuguo利_2017-5-17_1
《HTML5布局之路》_Liuguo利_2017-5-17_2
《HTML5布局之路》_Liuguo利_2017-5-17_3
内容简介：
TML5布局之路
6.2认识软件
1.7切图与 Photoshop相关用法
1.7.1切图的基本流程
1.7.2打开文件
7.3找到切图目标
1.7.4整理好要处理的图层
1.7.5新建文件存储目标图像
7.6在新文件中调整图像位置
1.7.7修改画布大小
1.7.8将图片按照最佳格式类型进行存储
1.7.9图片大小处理与压缩
1.8使用 Photoshop获取图层信息
1.8.1获取颜色
1.8.2文字内容与特点
撤销
1.8.4圆角大小的测量
1.8.5阴影的测量
1.8.6将文字处理成图像
8.7 Photoshop快捷键总结
8999
9代码编辑器
9.2其他代码编辑器
1.10浏览器调试
32
1.10.1为何要进行浏览器调试
1.10.2浏览器调试的基本要求
10.3浏览器调试方法
第2章HTML5入门
2.1网站开发流程
2.1.1网站开发流程图
3333
2.1.2网站需求调查阶段
2.1.3网站技术分析阶段
2.1.4网站页面策划阶段
2.1.5网站设计开发阶段
36
2.1.6网站测试改进阶段
2.1.7前端工程师负责的部分
2.2第一个HTML文件
2.2.1创建基本的网站文件夹
2.2.2创建第一个HTML文件
2.2.3HTML标签的书写规则
2.2.4HTML书写规则的问题区
2.3基本的HTML结构
1一个HTML文件的基本组成
2.3.2文档声明
3.3 title标题
80222336
2.3.4meta元信息
2.3.5HTML文件的内容区
2.3.6HTML注释
2.3.7网站开发常用标签
3.8基本HTML结构的问题
第3章整体布局(上)——标签尺寸处理
3.1整体布局与整体布局中使用的标签
1整体布局
3354
3.1.2div元素
3.2什么是CSS
3.2.1没有CSS时代的网 页
3.2.2什么是Css
3.3CSs引人方式
3.3.1行内书写—最简单的样式操作方法
3.3.2内部书写—简化样式操作
部引入—控制多页面样式
3.3.4CSs三种常见引入方式比较
3.3.5外部引入CSS的扩展知识
3.3.6CSS引入方式的问题区
4CSs选择器
3.4.1生活中的“选择器”—找人
4.2CSs选择器的基本语法
90856886明2
3.4.3CSS基本选择器
3.4.4样式冲突的问题
3.4.5生活中的“优先级”—谁是老大
3.4.6CSs选择器优先级
3.4.7行内的 style属性
3.4.8选择器的使用原则
4.9CSs选择器的问题区
CSs编码规范
3.5.1CSs注释
<<<<<
HTML5布局之路
3.5.2书写风格
3.5.3关于类名命名
3.5.4样式书写顺序
5.5CSs编码规范的问题区
8888
3.6Css样式重置
3.6.1什么是样式重置
3.6.2为何需要样式重置
3.6.3样式重置文件
3.7盒模型
3.7.1生活中的“盒模型”—鱼缸
3.7.2盒模型基本知识
3.7.3盒模型— width与 height属性
3.7.4盒模型— margin属性
3.7.5盒模型— padding属性
8888889
3.7.6盒模型— border属性
3.7.7盒模型的问题区
第4章整体布局(下)—浮动布局
4.1浮动
4.1.1为何要浮动
4.1.2生活中的“浮动”—水槽
4.1.3浮动— float属性
00D
1.4浮动特效分析
4,1.5浮动的问题区
4.2浮动的影响
11
4.2.2浮动元素对父级元素高度的影响
4.2.3浮动元素对兄弟级元素布局的影响
4.3清除浮动
4.3.1浮动—cear属性
4.3.2清除浮动的不同类型
4.3.3为兄弟元素设置 clear样式
4.3.4空标签清除浮动
r标签清除浮动
4.3.6父元素浮动…
7父元素设置 overflow: bidden或auto
4.3.8利用 after伪元素清除浮动
4.3.9 after伪元素清除浮动的实际用法
4.4关于“清除浮动”的问题区
>>>
4.1 clear:both的兼容问题
4.4.2为父级设置高度是不是清除浮动的方法
浮动元素与非浮动元素处于同一行时会出现的问题
25
4.4.4清除浮动方法的选择
4.5较为复杂的浮动布局
4.5.1功能需求
4.5.2需求分析
第5章模块布局(上)——选择标签
2233
5.1为何要选择标签
5.2开发时可以选用的标签以及功能
5.2.1h1~h6标题类标签
13
5.2.2hr分隔线
5.2.3p与br段落与换行
5.2.4无序列表与有序列表
5.2.5自定义列表
5.2.6行内标签
5.2.7代码范例的显示效果图
5.3标签选择时的影响因素
5.4标签的默认显示样式
5.4.1显示属性 display
5.4.2根据标签默认 display属性划分类别
136
5.4.3显示样式影响的标签选用
display的问题区
5.5标签的合理嵌套
5.5.1标签嵌套基本规则
139
5.5.2错误嵌套时的表现情况
139
5.6.S.E.O.搜索引擎优化—标签语义性
5.6.1为何要谈.S.E.O.
6.2.S.E.O.是什么
5.6,3搜索爬虫工作原理
5.6.4爬虫抓取的是什么
5.6.5什么样的网站才能够被快速收录
5.6.6针对.S.E.O.,前端开发要注意什么
5.6.8关于.S.E.O.的问题区
5.7嵌套层数与深度
5.8标签选择实战(1)—确定标签
5.8.1功能需求
HTML5布局之路
5.8.2提出实现方案
5.8.3标签选择思路分析
4实现方案的对比分析
5.9样式的可控性
5.9.1原有选择器对样式的控制问题
5.9.2加强版选择器—后代选择器
5.9.3加强版选择器—子代选择器
5.9.4加强版选择器——群组选择器
5.9.5加强版选择器优先级算法
5.9.6关于样式可控性的问题区
5.10标签选择实战(2)—样式控制
使用u无序列表
10.2方案2—使用d自定义列表
5.10.3当前最优方案
第6章模块布局(下)——可用性与扩展性
6.1a标签
6.1.1超链接
6.1.2超链接的属性
6.1.3锚链接
1.4超链接的基本样式
1.5关于a标签的问题区
6.2光标样式
2.1光标效果
2.2 cursor相关属性
173
2.3关于 cursor:hand
2.4关于自定义光标样式的支持程度
6.3标签选择实战(3)—添加链接
6.3.1为实例添加a标签
6.3.2调整可触区
3.3当前方案的具体代码
6.3.4方案结東了吗
6.4img标签的选用
标签基本语法
6.4.2数据图与背景图
问题的规避
6.4.4img中alt与 title的区别
6.4.5href与sre的区别
台维护对前端的影响
#############################################
| 
