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 固定定位.