div+css用法小节、

Div+css 是一种目前比较流行的网页布局技术

Div 来存放需要显示的数据(文字，图表..) , css 就是用来指定怎样显示， 从而做到数据和显示相互的效果

有时后，我们也可能把css直接嵌入到html文件中，这种方式称为内联css

 

基本语法:

<style>

选择器{

属性: 属性值;

    …

}

</style>

 

我们可以简单的这样理解div+css: 

div 是用于存放内容(文字,图片,元素)的容器。

css 是用于指定放在div中的内容如何显示,包括这些内容的位置和外观.

u Css中常用的四种选择器

1. 类选择器(class选择器)

 

基本使用

.类选择器{

属性名: 属性值;

….

}

 

 

2. id选择器

 

 

基本使用

#id选择器{

属性名: 属性值;

….

}

 

案例:

/*id选择器的使用*/

#id1{

background-color:silver;

font-size:40px;

}

 

3. html元素选择器

 

某个html元素{

属性名:属性值;

…

}

 

Table{

}

P{

}

 

Button{

}

 

//对html元素样式分类 

P:cls{

}

<p class=”cls”></P>

 

 

需求人员(技术+行业背景)

财务软件(php,c++)->用友[]

 

 

4. 通配符选择器

 

☞ css 文件可以使用在各种文件(php,html,jsp,asp…)

 

*{

}

 

二、浮动

在div+css中浮动分为 左浮动，右浮动，清除浮动

 

① 右浮动

所谓右浮动 ，指 一个块元素向右移动，让出自己空间， 向右移动直到碰到包含自己的父元素的最右边的边框.

所谓左浮动就是指: 某个块元素尽量向左边移动，这样就让出它右面的空间，让别的块元素显示.

 

浮动的特别说明: 

如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮

动元素“卡住”：直到有足够空间.

你可以这么理解浮动:如果一个元素右/左浮动则:

①它本身会尽可能向右/左移动，直到碰到边框或者

别的浮动元素,特别强调浮动对块元素和行内元素都

生效!

②元素向右/左浮动，就相当于让出自己的左/右边,别

的元素就会在它的左/右边排列。

 

三、 定位

常见的定位有四种

1. static 定位 (默认值) 【left  和 top 无效】

2. relative 相对定位

3. absolute 绝对定位

4. fixed 固定定位.