随笔分类 - CSS
摘要：#pic:hover { transform: rotate(666turn); transition-delay: 1s; transition-property: all; transition-duration: 59s; transition-timing-function: cubic-b
阅读全文
摘要：background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0,
阅读全文
摘要：好多随笔都是栽过的坑，然而谁不是这么过来的呢O(∩_∩)O~~ 其实之前也模模糊糊记得这个问题，但是内存不够，又没有仔细研究，所以忘了，以致于栽了。。 网上基本上说的都是“inline-block间距”，然而本菜鸡求严谨，更贴切地说，应该是inline和inline-block。 即使我已经用通配符
阅读全文
摘要：1、PostCSS是什么 它可以被理解为一个平台，可以让一些插件在上面跑 它提供了一个解析器，可以将CSS解析成抽象语法树 通过PostCSS这个平台，我们能够开发一些插件，来处理CSS。热门插件如autoprefixer 安装 2、能解决什么问题 既然我们已经有SASS了，为什么还要PostCSS
阅读全文
摘要：上述为@supports、等宽字体、ch相对单位的综合实例。 以下为详细介绍： 一、CSS3条件判断 这里主要是@supports的用法起源：根据不同浏览器对CSS的支持，定义不同的样式。即，渐进增强式设计。通俗的说就是，让用高级浏览器的用户体验到更好的效果。 实例1：基本用法 这段代码的意思是：如
阅读全文
摘要：nth-child()选择器：CSS3新属性 用法：p:nth-child(2) 选择p标签的父元素 的第二个子元素,并且这个子元素必须是p才起作用 有点绕，有点无厘头，举个栗子： 上述代码中哪个变红？——都不变红，因为p的父元素，即body，的第二个子元素是h1,不是p，样式不生效 改变一点点（选
阅读全文
摘要：CSS是一门非程序式语言，缺少逻辑性，不便于维护 LESS在CSS现有语法的基础上，为CSS加入程序式语言的特性 引入了变量、混入、运算、函数等功能，大大简化CSS的编写，降低了CSS的维护成本 LESS包含一套语法和一个解析器，用户用它的语法生成样式规则，这些规则通过解析器后生成CSS文件 1.变
阅读全文
摘要：媒体查询 1.Emulation 移动端调试工具 2.viewport 在需要媒体查询的页面中，一定要加入viewport 3.@media Media所有参数汇总： width:浏览器可视宽度。 height:浏览器可视高度。 device-width:设备屏幕的宽度。 device-height
阅读全文
