手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS语法手册(四)文本填充,边框,边界和位置属性(二)
CSS语法手册(四)文本填充,边框,边界和位置属性(二)
摘要:三、框边界属性1、margin-bottommargin-leftmargin-rightmargin-top功能:这四个属性用来设置元素与...

三、框边界属性

1、margin-bottom

margin-left

margin-right

margin-top

功能:这四个属性用来设置元素与其相邻元素间的距离,可以用长度或相对于其父文本的宽度的百分比来定义,也可以自动处理。

数值:

长度 - 设置元素相应边与框边缘之间的相对或绝对距离,有效单位为:mm, cm, in, px, pt, pica,ex, em ...

百分比 - 以父元素宽度的百分比设置边界尺寸。

auto - 自动,这个设置取浏览器的缺省边界。

例子

2、margin

功能:简写属性,用于韵置元素的所有边界。这是用于描述元素的内容的边缘到框边缘的距离的。这个区总是透明的,可以看到下面的页面背景。

数值:

长度 - 同前

百分比 - 以父元素宽度的百分比设置边界尺寸。

auto - 自动,这个设置取浏览器的缺省边界。

例子

四、框位置属性

1、height

功能:设置元素高度,浏览器按照这个高度调整图形。

数值:

长度 - mm, cm, px, pt, .....

auto - 自动。

2、width

功能:设置元素宽度,浏览器按照这个宽度调整图形。

数值:

长度 - mm, cm, in, px, pt, ......

百分比 - 将图形尺寸设置为父元素宽度的百分比。

auto - 自动调整

3、float

功能:用于在普通元素流布置规则以外放上元素。

数值:

none - 无改动。

left - 将其它元素内容放到浮动元素右边。

right - 将其它元素内容放到浮动元素左边。

4、clear

功能:用于允许或禁止指定元素旁边放置其它元素(通常是线上图形).

数值:

none - 无限制。

left - 将元素放在左边浮动元素下面

right - 将元素放在右边浮动元素下面

both - 元素两边都不允许放置浮动元素


【CSS语法手册(四)文本填充,边框,边界和位置属性(二)】相关文章:

css网页制作实用技巧9则

li不显示使用overflow:hidden导致Li前面点、圈等样式不见

CSS语法手册(二)文本属性

CSS实例教程:分号引起页面混乱

几款不错的按钮样式

ie placeholder属性的兼容性问题解决方法

CSS语法手册(五)颜色和背景属性

div中class与id的区别及应用

CSS中图片于文本的基线对齐设置

CSS经典技巧十则

精品推荐
分类导航