随笔分类 - CSS
SASS(scss)
摘要：# Scss ## 1.认识Scss > Sass 支持两种不同的语法，每个都可以加载另一个。 scss其实是`Sass`的一种语法。SCSS 语法使用`.scss`文件扩展名 。除了一些小的例外，它是CSS的超集，这意味着**基本上所有有效的CSS也是有效的SCSS**。 `scss`示例： ``
一文弄懂CSS` :x-child `和` :x-of-type `选择器
摘要：一、 :x-child选择器 重点在于 child 子元素，按照子元素顺序选择。 图片预览 1. :first-child 匹配同时满足以下两个条件的元素标签： ① 是div元素的第一个子元素； ② 该子元素是 p 元素。 div p:first-child { background-color:y
认识 Flex 布局
摘要：1. 什么是flex布局? Flex 是 Flexible Box 的缩写，意为" 弹性布局 "( 弹性盒模型 )，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } .box1{ display: inline-flex; }
