在网页编程中,`div` 是 HTML中的一个标签,全称为 "division",意为 "分割" 或 "区块"。它用于创建一个独立的区域,用于组织和布局网页的内容。`div` 元素通常被用作布局的基本单位,可以将页面分割成不同的部分或者组件,并且可以通过添加样式或者类名来进行进一步的布局和样式化。
在CSS中,`div` 既可以是一个元素选择器,也可以是一个类选择器。作为元素选择器,可以直接使用 `div` 来查找HTML元素并设置样式;作为类选择器,可以使用 `.div` 来查找具有特定类名的元素并设置样式。
HTML结构
```html
欢迎来到我的网站
这是一个简单的网页布局示例。
```
CSS样式
```css
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
background-color: f0f0f0;
border: 1px solid ccc;
}
h1 {
color: 333;
}
p {
color: 666;
}
```
在这个示例中,`div` 元素具有一个类名 `container`,通过CSS选择器 `.container` 可以选中这个元素并设置其样式,包括宽度、外边距、内边距、背景颜色和边框。内部的 `h1` 和 `p` 元素则分别设置了标题和段落的样式。