1、grid布局又称为网格布局，可以实现二维布局方式。 2、这是使用CSS控制的，不是使用HTML控制的，同时还可以依赖于媒体查询根据不同的上下文得新定义布局。 网格线(Grid Lines) 网格线组成了网...

从原理可知，要使用LESS，必须要安装LESS编译器。 1、LESS编译器是基于node开发的，可以通过npm下载安装。 npmi-Dless 2、安装好了less之后，它提供了一个CLI工具lessc，通过该工具即可完成编译...

1、定义css文件。 .className{ color:green; } /*编写全局样式*/ :global(.className){ color:red; } /*样式复用*/ .otherClassName{ composes:className; color:yellow; } .otherClassName{ co...

说明 1、CSS Modules指的是像import js一样去引入css代码。 代码中的每一个类名都是引入对象的一个属性，通过这种方式，即可在使用时明确指定所引用的css样式。 2、Modules在打包的时候会自动将...

1、从属关系区别 @import是 CSS 提供的语法规则，只有导入样式表的作用； link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。 2、加载顺序区别 加载页面时，link...

1、条件注释法。是IE浏览器专有的Hack模式。 微软官方推荐hack模式。 只在IE下生效。 <!--[ifIE]> 这段文字只在IE浏览器显示 <![endif]--> 只在IE6下生效 <!--[ifIE6]> 这段...

1、浏览器对CSS样式的支持程度、分析结果和识别CSS的优先级，可以根据这些的特征写出不同的CSS样式代码。 2、IE6可以识别下划线和星号*，IE7可以识别星号*，不能识别下划线_。 firefox两者都不...

说明 1、为了达到统一的页面效果，需要为不同的浏览器或者不同版本编写CSS样式。 因为不同的厂商或浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等)，对CSS的支持、解析并不相同，...

说明 1、对于一个元素不确定宽度和高度，但是想按照一定的比例来显示，可以用padding来计算高度。 2、通过父元素的width属性，padding可以设定百分比，从而动态地确定高度。 实例 .parent{ /*父...

1、z-index属性值：当默认值为0时，z-index属性可以设置各元素之间的重叠关系。 2、z-index值大的层位于其值小的层之上。 实例 div{ position:relative; width:100px; height:100px; } p{ posit...