摘要：
2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持 一、Flex布局是什么？ Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定 阅读全文
摘要：
自从用习惯flex布局我基本已经不怎么使用float了。 现在又出现了grid布局，就像flex的升级版，布局上十分强大。 主要属性： grid-template-columns：//竖向排列 grid-template-rows：//横向排列 首先比较一下flex和grid实现自适应九宫格，高度8 阅读全文
摘要：
为 <div> 元素添加 class: document.getElementById("myDIV").classList.add("mystyle"); document.getElementById("myDIV").className = "mystyle"; document.getEle 阅读全文
摘要：
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 阅读全文
摘要：
这是一个令人激动的革新。 CSS 变量，顾名思义，也就是由网页的作者或用户定义的实体，用来指定文档中的特定变量。 更准确的说法，应该称之为 CSS 自定义属性 ，不过下文为了好理解都称之为 CSS 变量。 一直以来我们都知道，CSS 中是没有变量而言的，要使用 CSS 变量，只能借助 SASS 或者 阅读全文
摘要：
在我们使用less或者sass时常常会使用到局部变量和全局变量，其实在我们使用css做开发时也可以定义全局变量和局部 变量来简化我们的开发效率，很简单也很实用；1.设置全局变量只需要在我们的根引用的css文件中声明就行，具体代码如下：：rout{--cssname : value}这样就声明了一个变 阅读全文