CSS基础2
2015-07-31 23:04
555 查看
正确区分内嵌元素与块级元素:
不在网页中直接显示出来的元素 例如<img><a><span><lable>等
在网页中直接显示出来的元素 例如<p><div><pre><dl><ul><ol>等
浮动是一个很好的节省布局空间的做法,有些时候需要清除,这时用clear属性:
它的取值分为{clear:none;}-----元素两边都允许有浮动元素
{clear:left;}-----不允许左边有
{clear:right;}-----不允许右边有
{clear:both;}-----不允许有浮动
相对定位:
position:relative它的层叠级别高于默认的(position:static)的文本级别流。如果都设置了相对定位则会按照文本流的顺序层叠来显示(即后面定义的会优于前面)。
在相对定位中被定义过的元素的原始空间将会保留。
绝对定位:
{position:absolute;}相对于其容器块的边缘进行定位,偏移值应用于盒的外边缘,如果有margin值就包括margin的值。在绝对定位中被定义过的元素的原始空间将不会保留。
设置元素可见性:
{display:none;}元素在页面隐藏起来
{display:block;}可以将内嵌元素转化为块级元素
{display:inline;}将块级元素转化为内嵌元素
不在网页中直接显示出来的元素 例如<img><a><span><lable>等
在网页中直接显示出来的元素 例如<p><div><pre><dl><ul><ol>等
浮动是一个很好的节省布局空间的做法,有些时候需要清除,这时用clear属性:
它的取值分为{clear:none;}-----元素两边都允许有浮动元素
{clear:left;}-----不允许左边有
{clear:right;}-----不允许右边有
{clear:both;}-----不允许有浮动
相对定位:
position:relative它的层叠级别高于默认的(position:static)的文本级别流。如果都设置了相对定位则会按照文本流的顺序层叠来显示(即后面定义的会优于前面)。
在相对定位中被定义过的元素的原始空间将会保留。
绝对定位:
{position:absolute;}相对于其容器块的边缘进行定位,偏移值应用于盒的外边缘,如果有margin值就包括margin的值。在绝对定位中被定义过的元素的原始空间将不会保留。
设置元素可见性:
{display:none;}元素在页面隐藏起来
{display:block;}可以将内嵌元素转化为块级元素
{display:inline;}将块级元素转化为内嵌元素