4-19 css属性

一、

margin 简写属性在一个声明中设置全部外边距属性。该属性能够有 1 到 4 个值。

说明

这个简写属性设置一个元素全部外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。一样地，浮动元素的外边距也不会合并。容许指定负的外边距值，不过使用时要当心。

注释：容许使用负值。

1 margin:10px 5px 15px 20px;

• 上外边距是 10px
• 右外边距是 5px
• 下外边距是 15px
• 左外边距是 20px

 

1 margin:10px 5px 15px;

 

• 上外边距是 10px
• 右外边距和左外边距是 5px
• 下外边距是 15px

1 margin:10px 5px;

• 上外边距和下外边距是 10px
• 右外边距和左外边距是 5px

1 margin:10px;

• • 全部 4 个外边距都是 10px

值	描述
auto	浏览器计算外边距。
length	规定以具体单位计的外边距值，好比像素、厘米等。默认值是 0px。
%	规定基于父元素的宽度的百分比的外边距。
inherit	规定应该从父元素继承外边距。

二、align 

text-align 属性规定元素中的文本的水平对齐方式。

该属性经过指定行框与哪一个点对齐，从而设置块级元素内文本的水平对齐方式。

三、display

这个属性用于定义创建布局时元素生成的显示框类型。对于 HTML 等文档类型，若是使用 display 不谨慎会很危险，由于可能违反 HTML 中已经定义的显示层次结构。对于 XML，因为 XML 没有内置的这种层次结构，全部 display 是绝对必要的。

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素先后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素先后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）
list-item	此元素会做为列表显示。
run-in	此元素会根据上下文做为块级元素或内联元素显示。
compact	CSS 中有值 compact，不过因为缺少普遍支持，已经从 CSS2.1 中删除。
marker	CSS 中有值 marker，不过因为缺少普遍支持，已经从 CSS2.1 中删除。
table	此元素会做为块级表格来显示（相似 <table>），表格先后带有换行符。
inline-table	此元素会做为内联表格来显示（相似 <table>），表格先后没有换行符。
table-row-group	此元素会做为一个或多个行的分组来显示（相似 <tbody>）。
table-header-group	此元素会做为一个或多个行的分组来显示（相似 <thead>）。
table-footer-group	此元素会做为一个或多个行的分组来显示（相似 <tfoot>）。
table-row	此元素会做为一个表格行显示（相似 <tr>）。
table-column-group	此元素会做为一个或多个列的分组来显示（相似 <colgroup>）。
table-column	此元素会做为一个单元格列显示（相似 <col>）
table-cell	此元素会做为一个表格单元格显示（相似 <td> 和 <th>）
table-caption	此元素会做为一个表格标题显示（相似 <caption>）
inherit	规定应该从父元素继承 display 属性的值。

四、

font-size 属性可设置字体的尺寸。

说明

该属性设置元素的字体大小。注意，实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（一般会矮）。

五、cursor: pointer;------------------光标是一个小手

cursor:*****

六、

position 属性规定元素的定位类型。

说明

这个属性定义创建元素布局所用的定位机制。任何元素均可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素自己是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

值	描述
absolute	生成绝对定位的元素，相对于 static 定位之外的第一个父元素进行定位。 元素的位置经过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置经过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。 所以，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出如今正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

七、

min-width 属性设置元素的最小宽度。

说明

该属性值会对元素的宽度设置一个最小限制。所以，元素能够比指定值宽，但不能比其窄。不容许指定负值。

八、

box-shadow 属性向框添加一个或多个阴影。

提示：请使用 border-image-* 属性来构造漂亮的可伸缩按钮！