项目在网格单元与容器中对齐相关属性:网格单元: place-items: 所有项目在网格单元中的对齐方式, place-items: 垂直方向 水平方向; place-sele: 某一个项目在网格单元中的对齐方式 ...

grid属性总结:网格容器:网格容器:由多个矩形单元组成网格项目:网格容器的子元素,必须放在网格单元中网格单元:分"单元格"和"网格区域两种表现形式"网格轨道:由多个网格单元组成,其排列方向有"行轨"与"列轨之分"轨道间距: 容器中轨道之间的间距,分...

样式代码:

flex弹性盒布局:任何元素都可以通过添加display:flex属性,转为弹性盒元素,转为flex元素后,它的内部的"子元素"就支持flex布局了只要使用了display: flex属性的元素就称为:(flex容器)flex容器中有"子元素"称之为...

浮动:浮动只限于水平方向浮动元素脱离了文档流,后面的元素会上移填充它原来的空间浮动元素不会影响到它前面的元素的布局,只会影响到后面的元素排列任何元素(包括行内元素)浮动后,都具备了块级元素的特征父元素计算高度的时候,会忽略内部的浮动元素(父级高度的塌...

em与rem:em原理:em是浏览器文本默认字号相对关键字，通常是16pxem的值是不固定的是继承它的父元素(font-size)rem原理:rem根据html的所有后代元素进行计算rem就是一个有固定值的emem与rem的区别：rem是相对于根元素...

选择器优先级://一.当选择器级别相同时，和写的顺序有关,写到后面的会把前面的覆盖 h2 { color: gold; } h2 { color: violet; }//二.当选择器不...

css规则的三种引入样式:1.内部样式:仅对当前文件的元素有效,使用style标签2.外部样式:适用于所有引入了这个CSS样式表的html文档,使用link标签3.行内样式:仅适用于当前的页面中的指定的元素,style属性以下示例：内部样式表:h1 ...