CSS：body .div csss

简介

在 CSS 中，.div 是一个类选择器，用于选择 HTML 中 class 属性为 div 的元素，而 body 是选择 HTML body 元素的选择器。在这个主题中，我们将学习如何在 CSS 中使用这些选择器来样式化网页。

CSS 代码片段

body {
  background-color: #ffffff;
  color: #333333;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.div {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
}

详解

body 选择器

body 选择器用于选择 HTML 中的 body 元素，我们可以使用它来全局样式化网页。在上面的代码片段中，background-color 属性定义了页面的背景颜色，color 属性定义了页面中文本的颜色，font-family 属性定义了页面中文本的字体，font-size 属性定义了页面中文本的大小，line-height 属性定义了文本的行高，margin 和 padding 属性定义了页面中元素之间的间距。

.div 类选择器

在上面的代码片段中，.div 是一个类选择器，用于选择 HTML 中 class 属性为 div 的元素。我们可以使用它来样式化特定的元素。在代码片段中，.div 类选择器定义了元素的宽度、最大宽度、边距、内边距和边框。width 属性定义元素的宽度为100%，max-width 属性定义元素的最大宽度为1200px，margin 属性定义元素的边距为0 auto，使得元素水平居中。padding 属性定义了元素的内边距，box-sizing 属性定义了元素的盒子模型，border 属性定义了元素的边框。

结论

在 CSS 中，选择器是指向 HTML 元素的指针，可以通过它们来样式化不同的页面元素。在本主题中，我们学习了 body 选择器和 .div 类选择器的用法，并使用它们来样式化网页的背景、文本和特定的元素。