hgweb的博客

https://www.niwoxuexi.com/blog/user/151

  • Vue.js - 在项目中使用Sass、SCSS的方法(安装sass-loader)

    默认情况下 Vue.js 是不支持 Sass、SCSS 的,如果想要使用它们,只需要一些简单的安装配置即可。 1,安装依赖包(1)进入项目文件夹,执行如下两个命令安装相关的依赖包。 npm install --save-dev sass-loader npm install --save-dev node-sass (2)接着编辑 build 文件夹下的 webpack.base.conf ...

    • 更新时间: 2019-10-10 06:06
    65浏览
    0推荐
    0评论
  • CSS - 项目常用的通用样式汇总3(网格布局框架:grd.css)

    三、网格布局框架1,grd.css 介绍(1)Grd是一款基于Flexbox的CSS网格系统框架。通过这个CSS网格框架,我们可以在页面中进行各种形式的网格布局。它默认采用和Bootstrap相同的12列布局。(2)Grd是轻量级框架,代码如下:注意:我这里对其原始代码进行了改进,在原有的横向布局基础上,增加了纵向布局(column)的样式。.Grid{display:flex;flex-wrap ...

    • 更新时间: 2019-10-08 06:46
    71浏览
    0推荐
    0评论
  • CSS - 项目常用的通用样式汇总3(网格布局框架:grd.css)

    三、网格布局框架1,grd.css 介绍(1)Grd 是一款基于 Flexbox 的 CSS 网格系统框架。通过这个 CSS 网格框架,我们可以在页面中进行各种形式的网格布局。它默认采用和 Bootstrap 相同的 12 列布局。(2)Grd 是轻量级框架,代码如下:注意:我这里对其原始代码进行了改进,在原有的横向布局基础上,增加了纵向布局(column)的样式。.Grid { display: ...

    • 更新时间: 2019-09-17 09:47
    91浏览
    0推荐
    0评论
  • CSS - 项目常用的通用样式汇总1(CSS reset、Normalize.css)

    一、CSS reset(样式重置)1,什么是 CSS reset?(1)HTML标签在浏览器中都有默认的样式,但是不同的浏览器的默认样式存在差别。例如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。(2)开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率。现在很流行的解决方式是一开始就将浏览器的默认样式全部覆盖掉, ...

    • 更新时间: 2019-09-10 01:49
    121浏览
    0推荐
    0评论
  • CSS - 项目常用的通用样式汇总2(通用样式库、样式分离)

    二、CSS 通用样式库1,基本介绍(1)所谓CSS通用样式库就是可以在任何网站使用的CSS样式库。通过对样式的独立拆分,使得各种效果可以自由组合,这是有别于一个class类覆盖多个CSS属性的做法的。(2)通过样式的独立拆分,精简的CSS文件,每个样式的重用性可谓发挥到的最大,同时,页面的后期维护变得异常轻松,样式冲突的可能性也是非常低的。2,通用样式库下面是我整理的一个比较好用的通用样式库(li ...

    • 更新时间: 2019-09-10 01:46
    139浏览
    0推荐
    0评论