css

,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、可以分为文档流布局、浮动布局和定位…

,1、简单选择器，css选择器最底层的结构，组成了简单选择器。,简单选择器可以分为以下几种类型：,通配符*，*选择器可以命中所有的 html 元素,标签选择器（Type），命中如 …

,说明,1、后代选择器又称为包含选择器，可以选择作为某元素后代的元素。,2、从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代。,即选中后代，不管是儿子还是…

,区别说明,1、优雅降级始于复杂的现状，试图减少用户体验的供给。,2、渐进增强是从一个非常基础、可以起作用的版本开始。,不断扩展，以满足未来环境的需求。,3、降级意味着回顾，渐进增…

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

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

,本教程操作环境：windows7系统、CSS3、Dell G3电脑。,说明,1、浮动主要分为左浮动和右浮动，分别为float: left; float: right。,2、每次浮…

,说明,1、为低版本浏览器构建页面，保证最基本的功能，然后对高级浏览器进行效果、交互等改进，增加功能。,达到更好的用户体验。,2、渐进增强认为应该关注内容本身。,请注意区别，连浏览…

,说明,1、通过display属性设置属性值为grid或inline-grid或者是subgrid就可以了。,2、当元素设置了网格布局，column、float、clear、ver…