XML中的CSS浮动、定位和常用属性

导语

在实际应用中，为了方便人们阅读和使用数据常常需要将数据格式化后再显示，这个任务无法由XML标记语言完成，为此W3C为XML文件发布了两个建议规范，下文就了解CSS中的浮动、定位及CSS常用属性。

一、CSS浮动（floot）

1. left：使元素向左浮动，允许其右侧的元素填充空白。

2. right：使元素向右浮动，允许其左侧的元素填充空白。

3. none：取消元素的浮动效果，元素将按照正常的文档流排列。

4. inherit：继承父元素的浮动属性。

原则：

1.上方元素不浮动则浮动元素上不去。

2.浮动元素脱离原来的文档流。

3.下方元素会占据浮动元素的位置。

4.浮动会对后续元素有影响，要清除浮动的影响。

二、CSS定位（position）

1. relative：相对于元素自身原始位置定位。可以使用top、right、bottom和left属性进行微调。

2. absolute：相对于最近的已定位祖先元素定位。如果不存在已定位的祖先元素，则相对于文档的原点定位。

3. fixed：相对于浏览器窗口定位，元素的位置固定不变。

 

三、CSS常用属性

1.字体属性  (font)

字体属性（font）是最常用的CSS属性

    a）font-family：用于指定字体的类型

默认是浏览器字体，可同时指定多个备用字体（空格隔开要用双引号括起来）。

    b）font-style：用于斜体文本

属性值：normal（正常） ，italic（斜体）oblique（倾斜）。

    c）font-weight：用于设置字体粗细

属性值：bold（加粗），normal（默认）。

    d）font-size：用于设置字体大小

 

2.文本属性  (text)

    a）text-align：用来设置文本对齐方式

属性值：left（为左端对齐），right（为右端对齐），center（居中），justify（两端对齐）

    b）text-indent：用来设置文本首行缩进，单位为（px）或（pt）

    c）text-transform：用于指定文本字母大小写

属性值：uppercase（全部大写），lowercase（全部小写），capitalize（首字母大写）

    d）text-decoration：用于设置是否给文本添加装饰

属性值：none（不加划线），underline（加上划线），line-through（加删除线），blink（字闪烁）

    e）vertical-align：设置文本垂直对齐方式

    f）line-height：用来设置文本字间距

属性值：一个具体的数值

 

3.颜色  (color)

    a）名称表示

直接使用常用的英文名称表示

例：color:green;

    b)十六位进制表示

使用两位十六进制，00到FF，共256种不同取值，数值越高颜色越浅，可简写。

     c）RGB颜色函数

与十六进制原理相同，使用三原色比例调整颜色

rgb(red,green,blue)

 

4. 定义元素的显示类型（display）

属性值block（块级元素）、inline（内联元素）和inline-block（内联块级元素）。

 

5. 背景（background）

a）background-color：定义元素的背景颜色。

b）background-image：用于定义背景图像

c）background-position：设置背景图像后，使用top、center、bottom、left、rigth调整图像位置

 

6.元素的外边距和内边距：margin和padding

（上，右，下，左）

 

7.元素的边框样式、宽度和颜色 ：border

 

8.设置鼠标形状：cursor

e-size：鼠标移向南边