说明 1、后代选择器使用空格作为连接符号，子元素选择器使用>作为连接符号。 2、后代选择器选中所有的特定后代标签，子元素选择器选中所有的特定的直接标签。 后代选择器会选中指定标签中, ...

注意： 1、每个HTML标签都有一个属性叫做id, 也就是说每个标签都可以设置id 2、在同一个界面中id的名称是不可以重复的 3、在编写id选择器时一定要在id名称前面加上# id的名称是有一定的规范的 i...

说明 1、first-line是针对排版之后的line，其实跟源码里面的first line没有任何的关系。 2、假如浏览器提供的渲染的宽度不同，first-line在两个环境里面它最终括住的元素数量就不一样多了。 我...

说明 1、first-letter相当于我们有一个元素把内容里面的第一个字母给括了起来。 2、first-letter是可以任意声明各种不同的属性的，但是我们是无法改变它的content的。 我们应该都看到过报纸上的...

说明 1、transition允许在CSS属性变化时给它添加一个过度的动画效果。 通常情况下，CSS 属性变化是立即生效的，新的属性值在超级短的时间内替换掉旧的属性值，然后浏览器重新绘制样式内容（可能...

说明 1、transition-delay。 延迟后开始动画。 2、transition-duration。 过渡动画的一个持续时间。 3、transition-property。 执行动画对应的属性。 例如 color，background 等，可以使用 all ...

说明 1、通过display属性设置属性值为grid或inline-grid或者是subgrid就可以了。 2、当元素设置了网格布局，column、float、clear、vertical-align属性无效。 实例 在CSS中，不设置 grid-templa...

说明 1、minmax()函数来创建行或列的最小或尺寸。 2、第一个参数定义网格轨道的最小值，第二个参数定义网格轨道的值。 可以接受任何长度值，也接受 auto 值。auto 值允许网格轨道基于内容的尺寸...

说明 1、flex的使用方法很简单，只需要将其display属性设置为flex就可以，也可以设置行内的flex。 记得Webkit内核的浏览器，必须加上-webkit前缀。 2、设为Flex布局以后，子元素的float、clear...

说明 1、repeat()属性可以创建重复的网格轨道。这个适用于创建相等尺寸的网格项目和多个网格项目。 2、repeat()也接受两个参数：第一个参数定义网格轨道应该重复的次数，第二个参数定义每个轨道...