Yancy00

摘要： 伸缩容器,伸缩项目 ​ 伸缩容器: 开启了display:flex; 的元素就是伸缩容器 ​ 伸缩项目: 伸缩容器的所有子元素自动成为伸缩项目 ​ 备注: ①仅伸缩容器的"子元素"是伸缩项目. 孙子重孙子等后代元素,不是伸缩项目. ​ ②一旦成为了伸缩项目,全都会被块状化,无论原来是那种元素(块,行 阅读全文

摘要： 用HBuilder,内置插件模板多 运行--运行到浏览器-Chorm style样式可以用less...都可以 阅读全文

摘要： 1- css中隐藏元素的方法有哪些? display:none; 不显示对应的元素,文档布局中不占控件 visibility:hidden; 隐藏元素,但仍占空间 2- display的值有哪些?分别是什么作用? inline 默认,将元素设为行内元素 block 将元素设为块元素 inline-b 阅读全文

摘要： win7系统 安装nodejs的 v12 版本 之后正常安装vue-cli最高版本即可 阅读全文

摘要： Less是什么? less: （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 预处理扩展语言。 less可以定义变量 @width: 100px;可以使用嵌套样式语法 less可以封装样式函数,甚至"重载"函数.(匹配模式) 还可以用mixin,在一个规则集中直接引用另 阅读全文

摘要： 导入 在一个less文件中可以 import另一个.less文件.此文件中的所有内容就可以使用了 如果导入的文件是 .less 扩展名，则可以将扩展名省略 @import "library"; // 等价于library.less @import "type.css"; 转义 ~"anything" 阅读全文

摘要： //注意: // 运算时. 数值和单位之间不能有空格 // 减法操作符号左右要留空格. // 除法要用括号括起来. // 加,减 之前会自动进行单位换算. 以左侧操作数的单位为准. // 例如: `@base: 2cm * 3mm; // 结果是 6cm` // 如果单位换算无效或失去意义,则结果就 阅读全文

摘要： .box { width: 500px; padding: 20px; border: 1px solid #666; border-radius: 10px; // & 符号代表上一层的选择器. 父级 &:hover { background-color: green; box-shadow: 0 阅读全文

摘要： //匹配模式 有点像函数重载 .arrow { width: 0; height: 0; overflow: hidden; border-width: 10px; border-color: transparent transparent limegreen transparent; border 阅读全文

摘要： @width: 200px; @border: 1px solid red; div { margin: 10px 0; border-radius: 10px; } .txt-center { font-size: 20px/40px '微软雅黑'; color: #fff; text-align 阅读全文