[分享]css中div标签是什么

div标签是CSS中一种常用的块级元素，它通常用来划分页面中的各种模块，比如导航栏、内容区域、底部等等。

 div {
    width: 100%;
    background-color: yellow;
    padding: 20px;
  } 

上面的代码是一个基本的div样式，其中width属性设置为100%表示div元素宽度占满了父元素的宽度，而背景颜色则设置为黄色，padding属性设置了内边距，也就是在div元素内部和边界之间留出一定的空间。

通常情况下，我们使用div元素来进行页面布局，它可以配合其他CSS样式和属性实现各种灵活的效果，比如负责页面排版、设置盒模型的外边距和内边距、实现响应式布局等等。

 .nav-bar {
    width: 100%;
    height: 50px;
    background-color: #333;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
  } 

上面的代码则是使用div元素创建了一个导航栏，其中使用了display: flex属性将其子元素按照行排列，通过justify-content和align-items属性设置水平和垂直布局的对齐方式。同时，我们也可以给div元素添加自定义的class名称，以便更好地区分不同的元素类型。