摘要: 什么是css预处理器 :bookmark: CSS 预处理器是一个能让你通过预处理器自己的语法生成CSS的工具。 CSS 预处理器技术已经非常的成熟。 预处理器有许多 1.Sass(SCSS) 2.LESS 3.Stylus 4.Turbine 5.Swithch CSS 6.CSS Cacheer阅读全文
posted @ 2019-03-17 16:00 __上善若水 阅读(403) 评论(0) 编辑
摘要: 为什么使用 css variables 借用Scrimba上的: easier to get started (no transpiling) have access to the DOM 1.local scopes 2.change width Js 3.ideal for responsice阅读全文
posted @ 2019-03-15 11:47 __上善若水 阅读(273) 评论(0) 编辑
摘要: :root 作用 :bookmark:匹配元素所在文档的根元素。在HTML文档中,根元素始终是``。 演示 效果 :not 作用 :bookmark:选择除某个元素之外的所有元素。 演示 效果 :empty 作用 :bookmark:选择没有任何内容的元素(有空格也不行)。 演示 效果 :targe阅读全文
posted @ 2019-01-22 21:21 __上善若水 阅读(147) 评论(0) 编辑
摘要: 权重计算规则 内联样式,如: ,权值为 。 ID选择器,如: ,权值为 。 类,伪类和属性选择器,如 ,权值为 。 类型选择器和伪元素选择器,如 ,权值为 。 通配符、子选择器、相邻选择器等的。如 ,权值为 。 继承的样式没有权值。 权值越大,权重越高 !important 用来提升优先级,加了这句阅读全文
posted @ 2019-01-22 16:22 __上善若水 阅读(28) 评论(0) 编辑
摘要: flex属性 前置 :bell: flex大致分为两类属性: 和`项目属性`(容器内部项目的属性)。 这里的 就给容器内部项目的设置属性。 这里的wrap就是容器,item我们称作项目。 :bell: 我们还需要知道 属性是 , 和 的简写,默认值为 。后两个属性可选。 接下来我们逐一介绍这三个属性阅读全文
posted @ 2019-01-19 15:30 __上善若水 阅读(48) 评论(0) 编辑
摘要: 定位position position本身就有 的意思 position属性的值: 默认值 相对定位 绝对定位 固定定位 粘性定位(本文不讲这个) position:static 该关键字指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置。此时 , , , 和 属性无效。 positio阅读全文
posted @ 2019-01-19 10:04 __上善若水 阅读(266) 评论(0) 编辑
博聚网