网页制作流程（day5）

学成在线页面制作
目标：
理解：
1.能够说写单页面我们基本流程
2.能说出常见的css初始化语句
3.能说出我们css属性书写顺序
应用
能利用ps切图
能引入外部样式表
能把psd文件转换为html页面
学成在线的目的是为了串联前面的所有知识点

css属性书写顺序（重点）
建议遵循以下顺序：

1. 布局定位属性：display/position/float/visibility/overflow
2. 自身属性：width/height/margin/border/background
3. 文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
4. 其他属性（css3）：content/cursor/border-radius/box-shadow/text-shadow/background/line/ar/gradient

.jds {
	display: block;
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
	font-family: Arial,"Helvetica 	Neue",Helvetica,sans-serif;
	color: #333;
	background: rgba(0,0,0,5);
	
}

布局流程
1.必须确定页面的版心（可视区），我们测量可得知。
2.分析页面中的行模块，以及每个的列模块，其实页面布局，就是一行行罗列而成的
3.制作html结构，我们还是先遵循，先有结构后有样式的原则，结构永远最重要。
4.然后开始运用盒子模型原理，通过div+css布局来控制网页的各个模块

页面制作

代码调试工具
在sublime中
ctr+g快速定位