sass的安装
1、当ruby安装完成后，在自己电脑开始菜单下面找到ruby的控制台"cmd";
2、然后直接在命令行中输入
gem install sass
3.在安装过程中 可能会遇到报错：
解决方法： 更换rubygems路径
在命令行内输入以下命令：
$ gem sources -
标签：CSS
（注：在学习时要养成一个良好的习惯，即每次写完都随手保存，快捷键为ctrl+s。即每次写完都随手点一下ctrl+s。）
html是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言。
网页的拓展名为html
网页由三大部分构成，分别为title（主题），url（网址）和body（网站内容）
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>高度塌陷解决</title>
<
盒模型
1、box-sizing: content-box 是普通的默认的一种盒子表现模式
盒子大小为 width + padding + border content-box:此值为其默认值，其让元素维持W3C的标准Box Mode
2、box-sizing:bo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
我们都知道，撸页面的时候当我们的内容超出了我们的div，往往会出现滚动条，影响美观。
尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。我们都知道overflow:hidden是可以隐藏滚动条的，但存在的问题
弹窗是一种常见的交互方式，而蒙层则是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，我们会发现，当弹出遮罩层后，底层body的内容也是可以滚动，显然这不是我们想要的效果，而这个问题就是小萌最近开发项目时遇到的问题。
一个小程序的项目，是用MPVUE(一个使用 Vue.js 开发
一、无继承性的属性
1、display：规定元素应该生成的框的类型
2、文本属性：
vertical-align：垂直文本对齐
text-decoration：规定添加到文本的装饰
text-shadow：文本阴影效果
white-space：空白符的处理
unicode-bidi：设置文本的方向
前面的话
本文将使用canvas实现粒子时钟效果
效果展示
点阵数字
digit.js是一个三维数组，包含的是0到9以及冒号(digit[10])的二维点阵。每个数字的点阵表示是7*10大小的二维数组
通过遍历数
1.box-flex属性规定框的子元素是否可伸缩其尺寸。 父元素必须要声明display:box;子元素才可以用box-flex。 语法：box-flex:value; 示例： <style> .test_box {display:
可能是因为正当校招季，最近关于程序媛（女性程序员）的话题很火，朋友圈里一下就冒出很多相关文章，有的写自己求职入职的心路历程，有的从客观数据角度分析女性优劣势，也有过来人分享自己和周围人的看法，加之几天前我所在的公司ThoughtWorks赢得了2016最佳女性科技人员雇主，忽然间，”程序媛”成了每天
一、CSS书写顺序
1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- t
小程序的架构及实现机制，信道服务及会话管理
小程序架构及实现机制
小程序并不是 H5 应用，而是更偏向于传统的 CS 架构，它是基于数据驱动的模式，一切皆组件（视图组件）。所以建议在开发小程序时不要以web app的开发思维去思考。小程序开发语言是独立的一整套开发语
1.属性选择器 完全匹配的属性选择器 [id=article]{} 示例： <style> input[type=text]{ border: 2px solid red;} </style>
<
使用方法： 这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8； 下面符号列表的后面有两列编号，它们并不太一样，第一列是用于html的，你需要在前面加上&#符号； 第二列可以用于CSS文件中，但是需要用反斜杠转义； 第二列也可以用于javascript，和CSS用法一样，不
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>div+div</title>
6
全局安装gulp（基于node）：$ npm install --global gulp
进入项目所在的文件夹，执行npm init，填写相关参数，生成记录配置文件信息的package.json，用于以后项目移植时使用。
进入项目所在的文件夹，作为项目的开发依赖（devDependencie
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title&g
一、页面的主体布局
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
CSS 伪类 (Pseudo-classes)
锚伪类：在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。
a:link {color: #FF0000} /* 未访问的链接 */&#
客服
