开始使用less 完成了以上工作之后,我们终于开始要进入主题啦,下面能我就只是讲讲基本的使用,详细的使用大家还是去看官网的吧,毕竟写起来太长了,很耗费时间呢。 变量:less中定义变量是用@变量名:值;的方式的 生成的css代码: 混合式写法: 混合可以将一个定义好的class A轻松的引入到另一个 ...
分类：
其他好文 时间：
2017-06-24 18:35:00
阅读次数：
146
效果如下： 按钮的html和css代码如下。 i标签<i class="fa fa-chevron-up"></i>使用了Font Awesome，400多个图标（包括QQ、微信、微博）只要30KB，可无限放大，不需要js，非常的🐮。 按钮gotop用fixed定位到屏幕右下角，并且隐藏。 JQ代 ...
分类：
Web程序 时间：
2017-06-22 21:54:16
阅读次数：
232
如何使用CSS让DIV居中显示，让div水平居中有哪些CSS样式呢？ 需要的主要css代码有两个，一个为text-align:center（内容居中），另外一个为margin:0 auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。 首先我们对body设置text-align:cent ...
分类：
Web程序 时间：
2017-06-22 21:49:55
阅读次数：
246
html代码如下: css代码如下: 以下6个属性设置在容器上： flex-direction 容器内项目的排列方向(默认横向排列) flex-wrap 容器内项目换行方式 flex-flow 以上两个属性的简写方式 justify-content 项目在主轴上的对齐方式 align-items 项 ...
分类：
Web程序 时间：
2017-06-22 19:43:55
阅读次数：
167
最近做个小项目，要做图片的上下左右居中。从网上找了找，看了些css代码。自己写写，学习一下！ 1、左右居中的话，比较简单。父元素a，子元素b。 a里面加（text-align:center），b里面加（display:inline-block），就好了。 理论嘛，应该是text-align用于行内元 ...
分类：
其他好文 时间：
2017-06-22 13:18:57
阅读次数：
164
对于同样的项目或者是一个网页，尽管最终每个前端开发工程师都可以实现相同的效果，但是他们所写的代码一定是不同的。有的优雅，看起来清晰易懂，代码具有可拓展性，这样的代码有利于团队合作和后期的维护；而有的混乱，虽然表达出了最终的效果，然而却晦涩难懂，显然团队成员..
分类：
Web程序 时间：
2017-06-21 11:34:02
阅读次数：
287
1：定义 Sass是css预处理器的一种，也是最早的css预处理语言。Sass采用Ruby语言编写，为css增加一些编程的特性，无需考虑浏览器的兼容性问题。 编程特性指：可以在css中使用变量、简单地逻辑程序、函数等等在编程语言中的一些基本特性 但是，sass无法兼容已有的css代码。即sass可以 ...
分类：
其他好文 时间：
2017-06-20 22:30:46
阅读次数：
188
四：理解less-loader加载器的使用 我们先来理解下less-loader加载器，其他的sass-loader也是一个意思，这边不会对所有的预处理的css做讲解，less-loader加载器是把css代码转化到style标签内，动态插入到head标签内；我们先来看看我项目的结构如下： 我们现在 ...
分类：
其他好文 时间：
2017-06-20 18:07:26
阅读次数：
180
CSS3 -webkit-scrollbar滚动条皮肤美化实现，利用-webkit-scrollbar，-webkit-scrollbar-track，-webkit-scrollbar-thumb这2个属性设置不同样式的滚动条。 下面是5个滚动条样式。 css代码 ...
分类：
Web程序 时间：
2017-06-19 15:56:47
阅读次数：
236
如图：上述实现的是鼠标向下滑动90px，左侧菜单整体上移置顶，而菜单在最开始便进行了定位，距离顶部90px 以下为实现这个效果的js代码: css代码（.sidebar为包裹菜单最外侧的div类名)： ...
分类：
其他好文 时间：
2017-06-19 12:45:49
阅读次数：
240
