CSS(全称Cascading Style Sheets,层叠样式表)主要用来设计网页的样式,美化网页。它能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
Gird布局
Grid(网格) 布局使我们能够比以往任何时候都可以更灵活构建和控制自定义网格 ; 能够将网页分成具有简单属性的行和列来完成我们需要的网格布局。
CSS Grid 布局由两个核心组成部分是 wrapper(父元素)和 items(子元素)。 wrapper 是实际的 grid(网格),items 是 grid(网格) 内的内容。
CSS表格
CSS中的表格是一种布局方式,它比较适合内容需要分栏时使用。而HTML中的表格,是确确实实存在表格数据的。说起表格,大家脑海里就会浮想起行和列来。我们可以把CSS表格想象成一个电子表格,一个个单元格组成,在每个单元格里会包含一个HTML块元素。
css中grid布局和表格的区别grid是在CSS中实现,而table是在HTML中实现的,而且最重要的,grid貌似只在IE10+浏览器被支持,其他浏览器都不支持
grid是固定大小的,table大小可变
grid继承自面板元素,table继承自块元素
更多前端开发知识,请查阅 HTML中文网 !!