css

,1、定义css文件。,2、在js模块中导入css文件。,3、配置css-loader打包。CSS Modules不能直接使用，而是需要进行打包。,一般通过配置 css-loade…

,说明,1、利用这个规范规定的属性，我们可以控制元素按照特定的路径进行位置变换的动画。并且，这个路径可以是非常复杂的一条路径。,2、CSS传统方式可以实现直线路径动画。,实例,将一…

,区别说明,1、link是XHTML标签，除了加载CSS外，还可以定义RSS等事务。,@import属于CSS范畴，只能加载CSS。,2、link引用CSS在页面加载时同时加载，@…

,1、相邻兄弟选择器，给指定选择器后面紧跟的那个选择器选中的标签设置属性。,格式：,相邻兄弟选择器必须通过+连接。,相邻兄弟选择器只能选中紧跟其后的那个标签, 不能选中被隔开的标签…

,说明,1、CSS中in JS，意思就是使用js语言写css，完全不需要些单独的css文件，所有的css代码全部放在组件内部，以实现css的模块化。,2、CSS in JS其实是一…

,1、直接给元素添加pointer-events:none;样式来禁止触发事件，实现不可点击。,2、先给元素添加“cursor:not-allowed;”样式；然后使用js代码阻止…

,说明,1、流式布局使用非固定像素来定义网页内容，即百分比布局。,2、通过将盒子的宽度设置为百分比根据屏幕的宽度进行伸缩，不受固定像素的限制，内容向两侧填充。,分类,左侧固定,右侧…

,注意点,1、a标签的伪类选择器可以单独出现也可以一起出现。,2、a标签的伪类选择器如果一起出现, 那么有严格的顺序要求。,默认状态:link->被访问状态:visited-…

,1、定位的组成：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移。,2、定位模式有四个值static、relative、absolut…

,px像素(CSS像素),1、px是pixel的缩写，是像素单位，也是影像显示的基本单位。,2、px是CSS中相对长度的单位，相对于屏幕显示器的分辨率而言的。,CSS像素(CSSP…

,说明,1、利用CSS3中的Media Query(媒体查询)，通过查询screen的宽度来指定一定宽度范围的网页布局。,2、响应式布局可以为不同终端的用户提供更舒适的界…

,说明,1、传统布局方式就是通过盒模型，使用display属性（文档流布局）+position属性（定位布局）+float属性（浮动布局）。,2、可以分为文档流布局、浮动布局和定位…