一直猪++

摘要： 声明：网上类似的教程不胜枚举，这里只是记录自己安装的过程。以便自己日后使用。 环境配置过程： 1，安装sass以及环境： 正如gulp是基于node.js一样，sass是基于ruby的，所以在使用sass之前一定要安装ruby。 官方下载链接，由官方的介绍，下载的是ruby 2.2.4(x64)版本 阅读全文

摘要： 问题： 最近在写一个电商网站的静态页面练手，遇到了一个特别奇怪的现象，如下图： 输入框和旁边的搜索框没法对齐，于是乎百度解决方案，各种说法都有，但是没有一个是自己认为切实可行的或者是说得比较简单易懂的。 或许是我理解起来比较慢吧，呵呵。 下面直接进入正题之解决方案： 【本解决方案借鉴了百度首页搜索框 阅读全文

摘要： <!--[if lte IE 6]> <![endif]--> IE6及其以下版本可见 <!--[if lte IE 7]> <![endif]--> IE7及其以下版本可见 <!--[if IE 6]> <![endif]--> 只有IE6版本可见 <![if !IE]> <![endif]> 除 阅读全文

摘要： 盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、conten 阅读全文

摘要： 1、浏览器支持情况 transform: transition: animation: 2、分别介绍他们的用法 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜，即可以改变元素的形状。 W3CSchool上的CSS3 transform 属性介 阅读全文

摘要： 以上代码，复制下来。改变2，3，4盒子的样式，看下不同的效果，就清楚浮动和清除浮动的用法了。 下面是概念性的东西，假设有A和B两个元素，B为A的前一个兄弟元素，他们的父级元素为C： 1、A-float B-block，则另起一行浮动； 2、A-float B-inline-block，并且该兄弟元素 阅读全文

摘要： 初学前端的时候就听过友人说，前端不好学，很多软件都是要自己下载安装插件的，当时是很不以为然的，不就是下载几个软件外加安装插件吗？！怎么会很难呢！后面才发现自己真的错了。 今天刚好准备好好看看前端构建工具gulp的使用，于是乎就各种上网查资料。刚开始的时候有点摸不着头脑，这个东西不是一个软件，拿来就用 阅读全文

摘要： 首先，明确这两种方式只是不同索引文件的形式，他们没有好坏之分。 然后再来区别他们之间的不同之处。 1、相对地址： 顾名思义，相对地址是存在一个参考，即相对于原文件（代码所处的文件）目前所处的文件夹，用一些规定的符号，来描述其他文件位置的一种表示方式。 （1）"." --代表目前所在的目录。如： <i 阅读全文