DIV与CSS详解-优快云博客

本文介绍了HTML中的DIV标签及其用途，并详细解释了CSS层叠样式表如何应用于网页设计中以实现内容与样式的分离。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、div

*DIV全称division意为“区域、分割”，DIV标签是一个无意义的容器标签，用于将页面划分出不同的区域。

*通过DIV将复杂的页面进行细分块，可以将问题细分一个一个解决，所以通过DIV将页面分块是一个关键的工作，也是决定最终效果与质量的前提。

2、CSS

*CSS（Cascading Style Sheet）,中文翻译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

3、div承载的是内容，而CSS承载的是样式

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
			body{
			color:blue;
			}
			div{
				font-size:15px;background:red;
			}
  </style>
 </head>
 <body>
  <div>
    我是一个div
  </div>
 </body>
</html>

在上文的代码中，"我是一个div”字体颜色是蓝色，是因为他是受到了body这div的影响，或者说是字体受到了样式的层叠，即CSS层叠样式的最好诠释。