摘要：
创建网格 设置display属性为grid display:grid 设置网格的列 grid-template-columns属性： grid-template-columns: 50% 50%; 设置网格的行 grid-template-rows属性： grid-template-rows: 20 阅读全文
摘要：
启用flex display:flex; 设置flex位置 flex-disrection属性： row-reverse 行元素反转 column-reverse 列元素反转 row 元素都排列在同一行（默认） column 元素都排列在同一列 设置行对齐方式 justify-content属性： 阅读全文
摘要：
flex box各种属性总结 如果不想详细看各种例子可以直接看这篇：css flex容器属性总结 使用显示：可弯曲以定位两个框 使用交替的质询样式来展示如何使用CSS灵活地定位元素。 将CSS属性display: flex;放在元素上可让您使用其他flex属性来构建响应页面。 Flex是Flexib 阅读全文
摘要：
创建媒体查询 媒体查询是CSS3中引入的一项新技术，可根据不同的视口大小更改内容的表示形式。视口是用户在网页上的可见区域，视访问网站所用的设备而异。 媒体查询由一种媒体类型组成，如果该媒体类型与显示文档的设备类型匹配，则将应用样式。媒体查询中可以根据需要选择任意数量的选择器和样式。 以下是媒体查询的 阅读全文
摘要：
伪类选择器： -:focus ：向拥有键盘输入焦点的元素添加样式。 -:first-child：伪类来选择元素的第一个子元素 -:link：向未被访问的链接添加样式。 -:visited：向已被访问的链接添加样式。 -:hover： 当鼠标悬浮在元素上方时，向元素添加样式。 -:active： 向被 阅读全文