知识点： 1.粗体、斜体和特殊文本格式的使用 2.字体的调整方法 3.特殊字符的使用方法 6.1 粗体、斜体和特殊文本格式： font-weight控制粗细 加粗 font-style控制斜体 斜体 其他标签：small,sup,sub,tt,pre,strike PS:pre可以使得空格符和分行被保留。 6.2 调整字体： font-family,font-size,color。 PS：用户可以自定义字体。注意字体名如果有空格需要用包含...
前言：学了一段时间的前端，一直没有写博客的习惯，趁着最近学校组织的实训，把知识重新梳理一遍。知识点大部分来自老师上课学习笔记。 1、HTML是什么？ HTML 是用来描述网页的一种标记语言。 1）HTML 指的是超文本标记语言 (Hyper Text Markup Language) 2）HTML 不是一种编程语言，而是一种标记语言 (markup language) 3）标记语言是一套标记标签 (markup tag) 4）HTML使用标记标签来描述网页 2、HTML可以做...
================================学习阶段========================== 1、通读w3school的HTML、XHTML、HTML5、CSS、CSS3、TCP/IP、Javascript、AJAX教程，其中的实例至少写一遍！ 做到对html、css、js有个大概的了解 2、反复阅读经典书籍，并且实现书中的每一个例子。书籍清单如下： HTML+CSS：01Head First HTML与CSS、XHTML中文.pdf >> 02[W3Cfuns]CSS权威指南《第3版》.pdf >> 03精通CSS高级Web标准解决...
What? Markdown是一种轻量级的 「标记语言」，它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑， Markdown的语法十分简单。常用的标记符号也不超过十个，这种相对于更为复杂的 HTML标记语言来说， Markdown是十分轻量的，学习成本也不需要太多，且一旦熟悉这种语法规则，会有一劳永逸的效果。 Why? 既然这种标记语言最终还要转换为 HTML文档格式，那么为什么我...
## 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的代码注释 什么是代码注释？代码注释的作用是帮助程序员标注代...