各种属性总结

字体和文本的属性

cloor:控制文字颜色。

font-sizs:设置文字的大小

font-weight：设置文字是否加粗。

lighter

normal

bold

bolder

text-decoration:控制文字是否有修饰线。

none

underline

line-through

line-height:设置字体的行高，既字体最低端与内部顶端之间的距离。

text-align:用与设置目标元素中文本的水平对齐方式。

left

right

center

justify两端对齐

背景

background:设置对象的背景样式。该属性是一个复合属性，

可以同时设置背景色、背景图、背景重复模式等属性。

background-color　　　　 background-image

background-repeat 　　　　background-attachment 　　　　bsackground-position

background-repeat：设置背景图片是否平铺。在该属性之前，必须指定background-image属性。

no-repeat:不平铺

repeat：纵向横向同时平铺

repeat-x：横向平铺

repeat-y：纵向平铺

background-position：设置对象背景图片的位置。

border：复合属性，可同时设置边框的粗细，线型和颜色。

border-color:设置边框颜色。

border-style：设置元素的边框线型。

none : 无边框

hidden : 隐藏边框

dotted ：虚线边框

double ：双线边框

border-width ：边框的线宽

border-top : 上边框

border-top-color ：上边框颜色

border-radius ：圆角边框

border-top-left-radius ：上左圆角边框

padding ：内填充

margin ：外边距

 

height ：有于设置目标对象的高度。

width ：设置目标对象的宽度。

position ：有于设置目标对象的定位方式。

abso;ute ：允许将该对象漂浮于页面之上，无需考虑它周围内容的布局。

relative ：会保持对象在正常的HTML中流通，目标对象的位置将参照前一个对象的位置进行定位。

上 下 左 右

top

设置目标对象相对于最近一个具有定位设置的父元素的顶边偏移。

right

设置目标对象相对于最近一个具有定位设置的父元素的右边偏移。

bottom

设置目标对象相对于最近一个具有定位设置的父元素的底边偏移。

left

设置目标对象相对于最近一个具有定位设置的父元素的左边偏移。

列表

tl td dd

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

自定义列表中的一个术语名可以对应多重定义或者多个术语名对应同一个定义，如果只有术语名或者只有定义也是可行的，也就是说 <dt> 与 <dd> 在其中数量不限、对应关系不限。

ol 定义有序列表

ul 无序列表

li 定义列表项

dl 定义列表

dt 自定义列表项目

dd 定义自定义列表的描述

无序列表 <ul> <li></li> </ul> 有序列表 <ol> <li></li> </ol>

表格

<th>…</th>：定义表格的标题栏（文字加粗）

<tr>…</tr>：定义表格的行

<td>…</td>：定义表格的列

 

CSS

盒模型

Margin（外边距） - 清除边框区域。Margin 没有背景颜色，它是完全透明

Border（边框） - 边框周围的填充和内容。边框是受到盒子的背景颜色影响

Padding（内边距） - 清除内容周围的区域。会受到框中填充的背景颜色影响

Content（内容） - 盒子的内容，显示文本和图像