HTML常用属性简单页面布局

一、常用属性

1.文本设置

color：文本颜色

Text-align:center/left/right;文本-位置对齐:居中/左/右

Font-size:文字大小

Font-family:字体类型

Font-weight:字体粗细

Font-decoration:underline/none;字体-下划线

Letter-spacing: px;字与字的距离

Line-heigtht: px;线行高

line-height: 30px;

特点：默认行中内容在垂直中间，利用此特点设置标签内容的垂直方向居中

 

2.背景图设置

特点：

1.背景图范围 比 标签范围更小，会重复出现，把区域填满

2.设置背景图重复的特征性，背景图的位置

  设置背景图重复的特征

  Background-repeat:

No-repeat   不重复

Repeat-x  x轴重复，y轴不重复

Repeat-y  x轴不重复，y轴重复

  背景图的位置

 Background-position:x轴 y轴

• 页面布局

利用div标签页面布局；

Div是块级标签

特点：

1.可设置宽高，独占一行

2.默认是上下排列

      3.利用float:left;让块级标签并列排列

      4.页面布局思想:由大到小区域