EasyDemo*html&&css文本格式化及表格样式知识点个人总结(一&&二)

一、文本格式化

1.1文本格式化

1.1.1控制字体

*指定字体

-font-family:value1,value2;

*字体大小

-font-size:value;

*字体加粗

-font-weight:normal/bold

1.1.2控制文本格式

*文本颜色

-color:value;

*文本排列

-text-align:left/right/center;

*文字修饰

-text-decoration:none/underline;

*行高

-line-height:value;

*首行文本缩进

-text-indent:value;

 

 

二、表格样式

1.1常用表格样式属性

1.1.1常用表格样式属性

*边框属性：padding

*尺寸属性:width、height

-设置表格或者单元格的尺寸

*文本格式化属性

*背景属性：设置表格或者单元格的背景色或背景图片

*border属性：设置表格的边框

1.1.2垂直方向对齐

*vertical-align属性

-在表单元格中，设置单元格框中的单元格内容的对齐方式

*取值

-vertical-align:top/middle/bottom

1.2表格特有样式属性

1.2.1边框合并

*如果设置了单元格的边框，相邻单元格的边框会单独显示，类似于双线边框

*border-collapse属性：合并相邻的边框

-设置是否将表格边框合并为单一边框

*border-collapse:separate/collapse;

1.2.2边框边距

*border-spacing属性

-设置相邻单元格的边框间的距离

-仅限于分隔单元格边框，即border-collapse属性为separate值的情况下，也称为边框分隔模式

*取值为长度值，可以为该属性指定一个或两个值

-指定一个值：该值同时应用于水平和垂直间距

-指定两个值：第一个值指定水平间隔，第二个值指定垂直间距，且两个值之间用空格隔开