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://www.codercto.com/soft/d/4029.html

Google 广告高阶优化(第3版)

Google 广告高阶优化(第3版)

【美】Brad Geddes(布兰德.盖兹) / 宫鑫、康宁、王娜 / 电子工业出版社 / 2015-9 / 99.00元

《Google 广告高阶优化(第3版)》可以说是Google AdWords的终极指南,内容非常丰富,第三版在内容上进行了全面更新。介绍了AdWords的最新最完整的功能,阐释其工作原理,也提供了相应的优化方法、策略和实践教程,读者可以随时在自己的PPC广告系列中进行实践。第三版增添了50多页新内容,涵盖Google系统最近的所有变动,包括广告系列结构的变化、出价调整器、重定向、视频广告功能、全新......一起来看看 《Google 广告高阶优化(第3版)》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试