css
wingchiehpih
00年前端菜鸡程序员
展开
-
SCSS(SASS)的基本使用(基本指令)
写在前面:自己平常使用的都是LESS,随着学习的进展,SCSS的重要性越来越大。学习SCSS可以参考阮一峰的文章,写的很好。原文链接: 点击跳转一、SCSS的基本使用1、在安装完Ruby和并且安装好Scss后,可以在文件根目录创建.scss文件(安装方法自行百度)2、在index.html中创建一个宽高400px的盒子3、在scss文件中定义主体颜色,并将主体颜色赋值给box盒子容器4、在终端输入scss指令后可以发现在根目录新出现了三个文件将scss文件编译为css文件:scss原创 2020-07-18 14:50:01 · 604 阅读 · 0 评论 -
CSS3媒体查询实现网页动态分栏
媒体查询实现网页动态分栏效果展示HTML代码块CSS代码块效果展示**分栏的好处:**段落分栏的好处是让阅读者看得更加通俗易懂方便理解同时也是比较美观的。实际效果:当页面宽度大于640px展示为三栏当页面宽度介于400px-600px直接时展示为二栏当页面宽度小于400px展示为一栏HTML代码块<!DOCTYPE html><html> <...原创 2020-05-02 14:46:08 · 377 阅读 · 0 评论 -
IconFont字体图标的下载与使用
如何在Iconfont下载字体图标如何在IconFont-阿里巴巴矢量图标库下载字体图标IconFont1、首先打开官方网址2、登录相关账号3、添加需要的图标入库4、添加到项目5、新建项目6、下载到本地7、下期预告如何在IconFont-阿里巴巴矢量图标库下载字体图标IconFontIconFont,图标字体也叫字体图标,就是字体做的图标。可以通过设置字体的方式改变图标的样式,受到近些年 扁...原创 2020-05-01 12:26:50 · 19690 阅读 · 7 评论