css
脚本大神
就职于国内某大型工控企业云平台部门,深入研究Nodejs、Javascript、Python等脚本语言。使用Nodejs开发过低代码平台、云端ServerLess、Opcua仿真模拟器等多款软件,对Nodejs有6年的深入研究
展开
-
CSS属性选择器
使用 属性选择器在css中非常有用,尤其是设置表单的时候 HTML <input type="time" class="form-control"> Sass .form-control{ height:32px; border:2px solid red; &[type="text"]{ backgroun...原创 2019-07-19 14:47:12 · 248 阅读 · 0 评论 -
Sass入门与变量定义
Sass Sass说白了就是让css可以像其他程序语音一样,设置变量,继承,混合,尤其适合大型项目。 变量 上面说了,Sass可以让你的样式设置一些变量,比如一般系统会定义一些颜色 success,error,info代表不同的情况,那么我们可以这样定义: $success-color:green $error-color:red $info-color:orange $success-bg就是...原创 2019-07-19 15:19:34 · 1383 阅读 · 0 评论 -
Sass-嵌套CSS 规则
嵌套CSS 规则 我最喜欢的还是这个功能,嵌套css写法,真的可以省掉很多重复代码. 以前的css: #content article h1 { color: #333 } #content article p { margin-bottom: 1.4em } #content aside { background-color: #EEE } 现在的Sass: #content { art...原创 2019-07-19 15:36:55 · 270 阅读 · 0 评论 -
Sass-样式拆分与导入
前言 css有一个特别不常用的特性,即@import规则,它允许在一个css文件中导入其他css文件。然而,后果是只有执行到@import时,浏览器才会去下载其他css文件,这导致页面加载起来特别慢。 sass也有一个@import规则,但不同的是,sass的@import规则在生成css文件时就把相关文件导入进来。这意味着所有相关的样式被归纳到了同一个css文件中,而无需发起额外的下载请求。也就...原创 2019-07-19 16:14:59 · 616 阅读 · 0 评论 -
Sass-混合器
什么是混合器 还记得之前我们学习的Sass-变量设置吗,对,就是 $base-color:#f5f5f5; 这个只是单一的一个变量,一个变量对应一个值,实际应用中我们可能希望一个变量可以对象多个值,好吧,Sass提出了混合器,@mixin 定义混合器form-border,即表单中用的边框统一使用的样式. 1.新建局部文件_form.sass: @mixin form-border{ ...原创 2019-07-19 16:52:16 · 238 阅读 · 0 评论