随笔分类 -  CSS

摘要:1. 响应式互联网设计的三大技术成分: 流动网络(弹性网络布局)、弹性图片、媒体查询 2. 如何分析设计图: 分析结构和布局。 3. 设局实践原则:渐进增强,优雅降级。p2p 最好先设计大屏幕,再设计小屏幕。 这里仅作参考,具体见UI 4. 三个视口 理想视口:布局视口在可视视口中合适的显示,是为了 阅读全文
posted @ 2018-11-07 19:02 竹木狼马 阅读(208) 评论(0) 推荐(0)
摘要:1.@import 导入 Stylus支持字面@import CSS, 也支持其他Stylus样式的动态导入。 任何.css扩展的文件名将作为字面量。例如: 当使用@import没有.css扩展,会被认为是Stylus片段(如:@import "mixins/border-radius")。 @im 阅读全文
posted @ 2018-08-21 11:05 竹木狼马 阅读(498) 评论(0) 推荐(0)
摘要:1.方法 函数 Stylus强大之处就在于其内置的语言函数定义。其定义与混入(mixins)一致;却可以返回值。 可选参数往往有个默认的给定表达。在Stylus中,我们甚至可以超越默认参数。 例如: 注意:因为参数默认是赋值,我们可可以使用函数调用作为默认值。 函数体 我们可以把简单的add()方法 阅读全文
posted @ 2018-08-21 10:32 竹木狼马 阅读(795) 评论(0) 推荐(0)
摘要:Stylus介绍及特点 基于Node.js的css的预处理框架,其本质上做的事情与 Sass/LESS 等类似, 可以以近似脚本的方式去写CSS代码,创建健壮的、动态的、富有表现力的CSS,默认使用 .styl 的作为文件扩展名,支持多样性的CSS语法。Stylus比LESS更强大,而且基于node 阅读全文
posted @ 2018-08-20 22:16 竹木狼马 阅读(1313) 评论(0) 推荐(0)