# `ui.element` 通用元素

这个类是所有其他UI元素的基类。但是，您可以使用它来创建具有任意HTML标签的元素。

- `tag`：元素的HTML标签
- `_client`：此元素的客户端（仅用于内部使用）

```python
from nicegui import ui

with ui.element('div').classes('p-2 bg-blue-100'):
    ui.label('inside a colored div')

# ui.run()
```

## 移动 `ui.element` 元素

此演示展示了如何在容器之间或在容器内移动元素。

```python
from nicegui import ui

with ui.card() as a:
    ui.label('A')
    x = ui.label('X')

with ui.card() as b:
    ui.label('B')

ui.button('Move X to A', on_click=lambda: x.move(a))
ui.button('Move X to B', on_click=lambda: x.move(b))
ui.button('Move X to top', on_click=lambda: x.move(target_index=0))

# ui.run()
```

## `ui.element` 默认属性

您可以为某个类的所有元素设置默认属性。这样，您就可以避免一遍又一遍地重复相同的属性。

默认属性仅适用于在设置默认属性后创建的元素。子类继承其父类的默认属性。

```python
from nicegui import ui

ui.button.default_props('rounded outline')
ui.button('Button A')
ui.button('Button B')

# ui.run()
```

## `ui.element` 默认类

您可以为某个类的所有元素设置默认类。这样，您就可以避免一遍又一遍地重复相同的类。

默认类仅适用于在设置默认类后创建的元素。子类继承其父类的默认类。

```python
from nicegui import ui

ui.label.default_classes('bg-blue-100 p-2')
ui.label('Label A')
ui.label('Label B')

# ui.run()
```

## `ui.element` 默认样式

您可以为某个类的所有元素设置默认样式。这样，您就可以避免一遍又一遍地重复相同的样式。

默认样式仅适用于在设置默认样式后创建的元素。子类继承其父类的默认样式。

```python
from nicegui import ui

ui.label.default_style('color: tomato')
ui.label('Label A')
ui.label('Label B')

# ui.run()
```