
sass
开心大表哥
高级前端开发进阶版
展开
-
h5开发通用sass基础配置文件
h5开发通用sass基础配置文件:a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt,em, emb原创 2017-09-23 12:27:34 · 16887 阅读 · 0 评论 -
html5星星评分组件,sass双循环写法
h5星星评分组件,sass双循环写法 1.效果图: 2.html<span class="star-span-4"> <i></i> <i></i> <i></i> <i></i> <i></i></span>3.功能需求:star-span-4,中的4可以变成0-5的任意一个数字,红色的星星的对应数量要等于star-span-n中的n。 4.sa原创 2017-10-25 09:57:45 · 16825 阅读 · 1 评论 -
html5如何利用rem实现自适应布局
先来简单了解rem是什么:rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。 所以我们只要定义好屏幕中根元素的字体大小就可以了。 定义好屏幕中根元素的字体大小,有两种写法: a.在css中用@media写下规定屏幕宽度范围(或者说设计稿的最多最小宽度):@media (min-width:640px){html{f原创 2017-11-01 16:04:51 · 36082 阅读 · 1 评论 -
sass定义函数控制元素position的所有位置-超级方便
当页面布局用的比较多postition:absolute的时候,我们可以利用sass定义简单的函数,实现多次操作。 html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>原创 2018-02-08 14:34:30 · 1289 阅读 · 0 评论 -
安装sass环境-ruby安装指南
sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!)window下安装SASS首先需要安装Ruby,官网下载。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图: 安装的过程就是点点点,Windows的基本操作,所以详细的图就不截了。 安装结束之后测试ru...原创 2018-04-20 23:54:06 · 8711 阅读 · 1 评论 -
多个贝塞尔曲线在同一个animate动画中的实践
贝塞尔曲线(Bézier curve):又称贝兹曲线或贝济埃曲线,是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线,贝兹曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋,我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。贝塞尔曲线是计算机图形学中相当重要的参数曲线,在一些比较成熟的位图软件中也有贝塞尔曲线工具,如PhotoShop等。在Flash4中还没...原创 2018-09-19 10:59:49 · 1536 阅读 · 0 评论