说明1、子元素选择器只会查找儿子, 不会查找其他被嵌套的标签。2、子元素选择器之间需要用>符号连接, 并且不能有空格。3、子元素选择器不仅仅可以使用标签名称, 还可以使用其它选择器…
说明1、后代选择器使用空格作为连接符号,子元素选择器使用>作为连接符号。2、后代选择器选中所有的特定后代标签,子元素选择器选中所有的特定的直接标签。后代选择器会选中指定标签中, 所…
1、给所有选择器选中的标签设置属性。格式:选择器1,选择器2{ 属性:值; }2、并集选择器必须使用,来连接。选择器可以使用标签名称/id名称/class名称。实例 并集…
1、相邻兄弟选择器,给指定选择器后面紧跟的那个选择器选中的标签设置属性。格式:选择器1+选择器2{ 属性:值; }相邻兄弟选择器必须通过+连接。相邻兄弟选择器只能选中…
注意点1、a标签的伪类选择器可以单独出现也可以一起出现。2、a标签的伪类选择器如果一起出现, 那么有严格的顺序要求。默认状态:link->被访问状态:visited->鼠标悬停状态…
说明1、传统布局方式就是通过盒模型,使用display属性(文档流布局)+position属性(定位布局)+float属性(浮动布局)。2、可以分为文档流布局、浮动布局和定位布局。…
说明1、flex的使用方法很简单,只需要将其display属性设置为flex就可以,也可以设置行内的flex。记得Webkit内核的浏览器,必须加上-webkit前缀。2、设为Fl…
1、grid布局又称为网格布局,可以实现二维布局方式。2、这是使用CSS控制的,不是使用HTML控制的,同时还可以依赖于媒体查询根据不同的上下文得新定义布局。网格线(Grid Li…
说明1、通过display属性设置属性值为grid或inline-grid或者是subgrid就可以了。2、当元素设置了网格布局,column、float、clear、vertic…
说明1、minmax()函数来创建行或列的最小或尺寸。2、第一个参数定义网格轨道的最小值,第二个参数定义网格轨道的值。可以接受任何长度值,也接受 auto 值。auto 值允许网格…