header常见的css div设置

在HTML中，`<header>`元素通常用于表示页面或区域的页眉部分，因此在CSS中设置`<header>`的样式时，可以考虑以下常见的`<div>`设置：

1. 设置背景颜色和边框：

header {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
}

上述代码将设置`<header>`元素的背景颜色为#f1f1f1，并在底部添加1像素的实线边框，颜色为#ccc。

2. 设置内外边距：

header {
  padding: 20px;
  margin-bottom: 20px;
}

上述代码将设置`<header>`元素的内边距为20像素，外边距底部为20像素。通过调整这些数值，可以控制元素与其他元素之间的间距。

3. 设置文本样式：

header {
  color: #333;
  font-size: 24px;
  font-weight: bold;
}

上述代码将设置`<header>`元素内文本的颜色为#333，字号为24像素，字重为粗体。

4. 设置宽度和高度：

header {
  width: 100%;
  height: 80px;
}

上述代码将设置`<header>`元素的宽度为100%（占据父元素的宽度），高度为80像素。通过调整这些数值，可以改变元素的大小。

5. 设置浮动：

header {
  float: left;
}

上述代码将使`<header>`元素浮动到左侧。浮动可以使元素脱离文档流，并实现多列布局。

这些是一些常见的`<header>`设置，根据具体需求可以进行进一步的样式调整和优化。可以通过组合使用这些设置来创建各种不同的页眉样式效果。