## CSS 动画从入门到精通人类的大脑对运动的物体天生敏感。所以为你的网站或者 APP 重要的区域添加动画将会吸引用户的注意力，同时能够让软件用户界面变的更加有趣。 如果动画的效果做得不错，能给软件带来有价值的交互作用和非常有用的反馈、同时能够增强用户的情感体验、带来愉悦的情感并且能够添加充满个性的用户界面。事实上，动画更接地气。 > Emotional design’s primary goal is to facilitate human-to-human communic...
什么是Bootstrap？ Bootstrap 是由Twitter推出的一个用于快速开发 Web 应用程序和网站的前端框架。 基于html5、css3的bootstrap，具有下面这些诱人特性： （1）移动设备优先； （2）漂亮的设计； （3）友好的学习曲线； （4）卓越的兼容性； （5）响应式设计； （6）12列响应式栅格结构； （7）样式向导文档。 自定义JQuery插件，完整的...
导航条 导航条（navbar）和我们在上一个笔记中介绍的导航（nav）相比，就多了一个 “条” 字。其实在Bootstrap框架中他们有着一定的区别。 在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。 基础导航条 实际上，导航条和...
实现原理 栅格系统是Bootstrap中的核心，正是因为栅格系统的存在，Bootstrap才能有着如此强大的响应式布局方案。下面是官方文档中的解说： Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。 我们来理解一下这一段话，可以发现其中最重要的...
如何渲染到容器 直接上代码： //第一个参数是构造的组件，第二个参数是使用组件的容器 ReactDom.render( , document.getElementByID()); render渲染页面 将组件放到选定的元素里面 如何定义组件 使用 React.createClass({render:function(){return ( 我是dom元素 )}})构建 var ProfilePic = React.createClass({ render: function() { //可以在return前进行相关处理 ...
今天就是一个网页的入门，说实话我不太想当前端工程师。因为 那些东西 不会按照我的想法来实现对应的效果。我只想做一个大概。我想做后端开发。如果能是服务器端就很happy。如果能有 android的部分 就很happy。 然后现在就只是单单来写一些对应属性就好： 1、基本属性： 字体标签，在里面对应可以写一些字体样式，颜色，大小的属性 回车换行 斜体字效果 下划线效果 202可以用来显示20的平方这样...
1.angularJs简介 angularJs是一个MV*的javascript框架（Model-View-Whatever,不管是MVVM还是MVC，统归MDV（model drive view））,其实是由google推出的SPA(single-page-application)应用框架。它的用于 数据在后端和前端之间的双向绑定。这就意味着你在后台改变数据，这些变动立刻就会出现在view上。 在加载的时候，angular会将你的dom树和javascript转向一个angular app 。包含着angular指令和过滤器的html会被编译...
话说大家不管用过没用过，对border-image应该都有所耳闻，相比css2.1，css3的新东西那么多，为什么要挑这个来说呢，因为我个人经验来说，这个相对来说较难理解。那它到底是什么，又怎么用呢，有哪些需要注意的地方？这方面也有书籍和文章讲，如果你看过，却觉得没搞懂，也没弄明白怎么回事，那么希望这篇文章可以帮到你！我不会按常理出牌~ 首先要跟大家说的是，不要先入为主的走入一个死胡同，不然很难走出来，图片边框，跟使用...
SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 SASS 官网介绍： sass is the most mature（成熟的）,stable（稳定的）,and powerful professional grade CSS extension language in the world. 官方文档： http://sass-lang.com/documentation/file.SASS_REFERENCE.html 初学sass 遇到的最大阻碍可能是：需要搭建Ruby的运行环境和需要用命令行，其实...
在编译 Sass 代码时常常会碰到一些错误，让编译失败。这样的错误有系统造成的也有人为造成的，但大部分都是人为过失引起编译失败。而最为常见的一个错误就是字符编译引起的。在Sass的编译的过程中，是不是支持“GBK”编码的。所以在创建 Sass 文件时，就需要将文件编码设置为“utf-8”。另外一个错误就是路径中的中文字符引起的。建议在项目中文件命名或者文件目录命名不要使用中文字符。而至于人为失误造成的编译失败，在编译过程...
本人在慕课网学习HTML+CSS基础课程，记录一些文字，方便自己回忆，也希望对大家有所帮助 基础框架 标题标签 了不起的盖茨比 《了不起的盖茨比》为那个奢靡年代的缩影。盖茨比怀揣着对"美国梦"的期翼，投身到那个年代的灯红酒绿之中，却在名利场中看尽世态炎凉，以及浮华背后一切终将逝去的空虚怅惘。1925年《了不起的盖茨比》问世。 了解HTML的代码注释 什么是代码注释？代码注释的作用是帮助程序员标注代...
简介 什么是AngularJS 一个功能非常完备的前端框架，通过增强HTML的方式提供一种便捷开发Web应用程序的方式 其核心特点就是几乎无任何DOM操作，让开发人员的精力和时间全部集中于业务 MVC的特性增强了代码的结构和可维护性，应对需求的变化做出最小的改动 为什么使用AngularJS 更少的代码实现更强劲的功能 提供了很多在传统后端开发中大量使用的思想和方式，提高前台代码的结构和可...
声明：这份文档派生(fork)于 繁体中文版，在此基础上进行了繁体转简体工作，并进行了适当的润色。此文档用 Markdown 语法编写，你可以到这里 查看它的源文件。「繁体中文版的原始文件可以 查看这里」--By @ riku 注：本项目托管于 GitCafe上，请通过"派生"和"合并请求"来帮忙改进本项目。 Markdown: Basics （快速入门） / (点击查看完整语法说明) Getting the Gist of Markdowns Formatting Syntax 此页提供了 Mar...
1.html究竟是什么？ 从字面上理解，html是超文本标记语言hyper text mark-up language的首字母缩写，指的是一种通用web页面描述语言，是用来描述我们打开浏览器就能看到的各种web页面的。 所以说，写html代码根本和 编程都扯不上边，不要一听源码两个字就绝望，以为要你攻读计算机学位似的。 你只要知道当你要在网页中展示内容的时候该用哪个标记就可以了。 即使一开始记不 住，也没关系，查课本，问度娘，分分钟搞定，用过...
学习要点： 1.使用 CSS 2.三种方式 3.层叠和继承 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS（层叠样式表），它是用来对 HTML 文档外观的表现形式进行排版和格式化。 一．使用 CSS CSS 样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个 CSS 属性和属性值。 这是一段文本 解释：style 是行内样式属性。color 是颜色属性，red 是颜色属...