摘要：前言 CSS网格布局用于将页面分割成数个主要区域，或者用来定义组件内部元素间大小、位置和图层之间的关系。像表格一样，网格布局让我们能够按行或列来对齐元素。 但是，使用CSS网格可能还是比CSS表格更容易布局。 例如，网格容器的子元素可以自己定位，以便它们像CSS定位的元素一样，真正的有重叠和层次。 阅读全文

摘要：参考：https://blog.csdn.net/weixin_39717076/article/details/82586915 阅读全文

摘要：一、display display 是 css 布局中很重要的一个属性，它定义了元素生成的显示框类型，常见的几个属性值有：block、inline、inline-block、inherit、none、flex。inherit 表示这个元素从父元素继承 display 属性值；none 表示这个元素不 阅读全文

摘要：现在布局方式主要分为三种 传统css布局方案（position,float,line-height等配合）。实现复杂，需要多种属性配合使用，兼容性最好。 flex布局方案。弹性布局，实现方便，兼容性较好。 gird布局方案。 css标准盒模型 尺寸 默认情况： 块级元素宽度默认为100%，高度由内容 阅读全文

摘要：1、前端css字体设置 （1）中文字体也有英文名称，而且英文在前。 （2）照顾不同的操作系统，应多写几种字体，多准备几个备胎 （3）可以不加双引号吗 可以。有些英文字体的名称多于两个单词，因为单词中间有空格所以需要用 "" 包裹起来。中文字体很特别，按照英文的角度来看，像微软雅黑究竟算是一个词还是四 阅读全文

摘要：.important.warning {background:silver;}.important .warning {background:silver;}//上面有什么区别？//1、2个选择器同时过滤选择出同一个元素//2、2个选择器，是父子关系选择器的关系派生：前一个选择的是后一个的父节点。(... 阅读全文

摘要：元素选择器h1 {color:red; font-size:14px;}id选择器#sidebar { border: 1px dotted #000; padding: 10px; }类选择器.center {text-align: center}属性选择器//下面的例子为带有 ... 阅读全文