页面布局

当拿到一个图片或者准备做一个页面时,首页不要去看文字,颜色等细节,而是从整体上看页面该如何划分,划分成“块div”

按“从上到下”从左到右“从大到小”的原则划分。

Div布局

css控制显示效果

标签体现语义

 

div块状元素的一个重要特点:

无论宽度如何,在浏览器上的显示效果都是独占一行

 

引入css文件

1、直接在html文档的head区域里面,用<style type="text/css"></style>包围起来。

2、把css写在专门的.css文件里,用<link rel="stlesheet" href="xxx.css" type="text/css" />

 

css选择器的概念

css是页面上元素的“档案”,那么在管理这些元素的效果之前,必须先“找得到”这些元素

如何找到某一个或某几个元素呢?

这时就会用到“选择器”的概念

选择器就是指“css找到元素的方法”

举例:#header{},这种情况就是以headr为id的元素被选中,

这种选择器叫做id选择器。

 

几个注意的点:

1、必须要声明doctype

2、属性值要用引号

3、属性不能用数字

4、用什么字符编码就要告诉浏览器用什么字符解码,windows下保存文档默认是ansi编码,html本身是utf-8。

 

 /**
燕十八 公益PHP培训
课堂地址:YY频道88354001
学习社区:www.zixue.it
**/