XHTML标签在CSS中对应的属性及用法

XHTML标签在CSS中对应的属性及用法主要分为以下几类：

1. 盒模型相关属性

盒模型是CSS中常用的布局模型，能够描述元素在页面上占据的空间。以下是XHTML标签在CSS中的盒模型相关属性：

• width：设置元素的宽度
• height：设置元素的高度
• padding：设置元素内部与边框之间的间距
• margin：设置元素与邻近元素之间的间距
• border：设置元素的边框

示例：

div {
  width: 200px;
  height: 100px;
  padding: 10px;
  margin: 20px;
  border: 1px solid black;
}

2. 文本样式相关属性

文本样式是CSS中经常用来美化网页文本的属性，以下是XHTML标签在CSS中的文本样式相关属性：

• color：设置文本颜色
• font-size：设置文字大小
• font-weight：设置文字粗细
• line-height：设置行高
• text-align：设置文本对齐方式
• text-decoration：设置文本装饰样式（如下划线、删除线等）
• text-transform：设置文本大小写转换（如全部大写、全部小写等）

示例：

p {
  font-size: 18px;
  color: blue;
  text-decoration: underline;
}

3. 布局相关属性

布局是CSS中描述元素在页面上展示方式的属性，以下是XHTML标签在CSS中的布局相关属性：

• display：设置元素展示方式（如块级、行内、表格等）
• position：设置元素的定位方式（如相对定位、绝对定位等）
• top：设置元素上方边距
• bottom：设置元素下方边距
• left：设置元素左侧边距
• right：设置元素右侧边距

示例：

div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

以上是XHTML标签在CSS中对应的属性及用法的详细讲解。