Sass @mixin DAY35

今天要来介绍 Sass Mixin
那究竟什么是 Mixin呢??
简单来说
Mixin能帮你记住 css技巧
让你不用再因回想原理而去google
(把它想像成一个包装好的功能只需要引入即可)

css技巧
EX: 图片取代文字 或 清除浮动等等


那到底要怎么撰写 Mixin呢

@mixin greenText{    color: green;    font-size: 30px;}h1{    //引入的地方必须加 @include    @include greenText;}

Mixin + import
http://img2.58codes.com/2024/20123039GehGzhcWjK.jpg

@import "variables";@import "reset";@import "mixin";@import "main";

Mixin 搭配参数
http://img2.58codes.com/2024/20123039NqD3fxHydl.jpg
是不是更灵活呢!!

那今天的 Sass介绍就到这里啦
明天将介绍
Mixin 搭配 RWD
敬请期待啦~


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章