Precss

码农软件 · 软件分类 · CSS框架 · 2019-04-20 22:12:36

软件介绍

Precss 可以在 CSS 文件中使用 Sass 类型的 Markup。

在线演示

变量

/* before */
$blue: #056ef0;
$column: 200px;
.menu {
    width: calc(4 * $column);
}
.menu_link {
    background: $blue;
    width: $column;
}
/* after */
.menu {
    width: calc(4 * 200px);
}
.menu_link {
    background: #056ef0;
    width: 200px;
}

条件

/* before */
.notice--clear {
    @if 3 < 5 {
        background: green;
    }
    @else {
        background: blue;
    }
}
/* after */
.notice--clear {
    background: green;
}

循环

/* before */
@for $i from 1 to 3 {
    .b-$i { width: $(i)px; }
}
/* after */
.b-1 {
    width: 1px
}
.b-2 {
    width: 2px
}
.b-3 {
    width: 3px
}

混入

/* before */
@define-mixin icon $name {
    padding-left: 16px;
    &::after {
        content: "";
        background-url: url(/icons/$(name).png);
    }
}
.search {
    @mixin icon search;
}
/* after */
.search {
    padding-left: 16px;
}
.search::after {
    content: "";
    background-url: url(/icons/$(name).png);
}

扩展

/* before */
@define-extend bg-green {
    background: green;
}
.notice--clear {
    @extend bg-green;
}
/* after */
.notice--clear {
    background: green;
}

导入

/* Before */
@import "partials/_base.css"; /* Contents of _base: `body { background: black; }` */
/* After */
body { background: black; }

本文地址:https://codercto.com/soft/d/4029.html

JAVA核心技术卷2

JAVA核心技术卷2

Cay S. Horstmann、Gary Cornell / 陈昊鹏、王浩、姚建平 / 机械工业出版社 / 2008-12 / 118.00元

《JAVA核心技术卷2:高级特征》是Java技术权威指南,全面覆盖Java技术的高级主题,包括流与文件、XML、网络、数据库编程、高级Swing、高级 AWT、JavaBean构件、安全、分布式对象、脚本、编译与注解处理等,同时涉及本地化、国际化以及Java SE 6的内容。《JAVA核心技术卷Ⅱ:高级特征》对Java技术的阐述精确到位,叙述方式深入浅出,并包含大量示例,从而帮助读者充分理解Jav......一起来看看 《JAVA核心技术卷2》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码

html转js在线工具
html转js在线工具

html转js在线工具