div标签是CSS中一种常用的块级元素,它通常用来划分页面中的各种模块,比如导航栏、内容区域、底部等等。 div { width: 100%; background-color: yellow; pa
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名称,以便更好地区分不同的元素类型。
粉丝
0
关注
0
收藏
0