摘要：
问题： 虽然网页正常显示和运行，但是有2个字体文件出现404错误。像笔者这种强迫症是接受不了的。 解决： 因为笔者的服务器是虚拟主机，只需要在主机控制器平台添加对应的MIME类型即可。 这样服务器就支持这两种字体文件，不会报错了。 参考的解决方案文章全文如下： 来源：http://www.yneit 阅读全文
摘要：
A.优化站点资源 速度很重要。用户很关心。我们的站点必须加载够快，否则用户就会走人。SEO 也很重要。我们的站点必须加载够快，否者搜索排名就会下降。 明白了这样，我们就来清点一下 【Bootstrap】2.作品展示站点 中的资源。特别的，来看一看我们能控制的、影响页面速度的重要因素 —— 文件大小， 阅读全文
摘要：
假设我们已经想好了要给自己的作品弄一个在线站点。一如既往，时间紧迫。我们需要快一点，但作品展示效果又必须专业。当然，站点还得是响应式的，能够在各种设备上正常浏览，因为这是我们向目标客户推销时的卖点。这个项目可以利用Bootstrap的很多内置特性，同时也将根据需要对Bootstrap进行一些定制。 阅读全文
摘要：
本文简单介绍下如何来使用 Bootstrap，通过引入 Bootstrap，来实现一个最基本的入门例子。 在前一篇博文【Bootstrap】1.初识Bootstrap 基础之上，我们完全可以更加方便快捷的创建一个的简单例子。这个例子只有基本的东西：引入了预编译版的 CSS 和 JavaScript 阅读全文
摘要：
作为Web前端开发框架，Bootstrap为大多数标准的UI设计常见提供了用户友好、扩浏览器的解决方案。 1.下载Bootstrap 打开官方网址 http://getbootstrap.com/ 进行下载。 2.准备项目模板文件夹 接下来，我们为第一个项目创建一个文件夹以及一些基本的文件。谓词我们 阅读全文
摘要：
1. 设置元素的颜色和透明度 前面有介绍CSS颜色的各种用法，如 background-color属性、boder-color属性等。还有另外两个与颜色有关的属性。 1.1 设置前景色 color属性设置元素的前景色。一般而言，元素对color属性之于它的意义可以有不同的解读，不过实际上，color 阅读全文
摘要：
1. 使用过渡 过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如，如果使用:hover选择器，一旦用户将鼠标悬停在元素之上，浏览器就会应用跟选择器关联的属性。 当用户将鼠标悬停在span元素上的时候，浏览器就会响应，直接应用新的属性。变化如下图所示： CCS过渡属性允许控制应用新属性值的速 阅读全文
摘要：
随着对分离HTML元素的语义重要性与其表现的影响的不断强调，CSS在HTML5元素布局方面的作用越来越重要。 1. 定位内容 控制内容最简单的方式就是通过定位，这允许你使用浏览器改变元素的布局方式。 1.1 设置定位类型 position 属性设置了元素的定位方法。 position 属性的不同值指 阅读全文
摘要：
盒子是CSS中的基础概念，我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距，或者使用 padding 简写属性在一条声明中设置所有的值。 如果使用百分数值指定内边距，百分数总是根包含块的宽度 阅读全文
摘要：
1. 应用边框样式 先从控制边框样式的属性开始。简单边框有三个关键属性：border-width、border-style 和 border-color 。 在代码中，使用了p元素定义了一个段落，使用 style 元素为这个段落应用边框样式，边框样式是通过设置 border-width、border 阅读全文
摘要：
1. 使用结构性伪类选择器 使用结构性伪类选择器能够根据元素在文档中的位置选择元素。这类选择器都有一个冒号字符前缀（:），例如 :empty 。它们可以单独使用，也可以跟其他选择器组合使用，如： p:empty 。 1.1 使用根元素选择器 该选择器的效果如下，边框抱着整个文档： 1.2 使用子元素 阅读全文
摘要：
CCS选择器的作用是找出某类元素。以便使我们使用style元素或者外部样式表对这类元素设置样式。 1.使用CSS基本选择器 有些选择器使用起来非常简单，我们把这部分选择器称为基本选择器（basic selector）。开发人员可使用这类选择器在文档中进行比较宽泛的选择，也可以将其看作结合多种选择器进 阅读全文
摘要：
CSS（Cascading Style Sheet，层叠样式表），及其精巧且富有表达力，开发者可以用最为高效的方式高度掌控网页内容的表示。 1. 盒模型 CSS中的一个基本概念是盒模型（box model）。可见元素会在页面中占据一个矩形区域，该区域会在页面中占据一个矩形区域，该区域就是元素的盒子， 阅读全文
摘要：
HTML5 支持直接在浏览器中播放音频和视频文件，不需要使用Abode Flash这样的插件。 1. 使用 video 元素 可以用video 元素在网页里嵌入视频内容。 其基本用法如下： 此例显示效果如下： 如果浏览器不支持video元素或者无法播放视频那么备用内容（开始和结束标签之内的内容）就会 阅读全文
摘要：
1.嵌入另一张HTML文档 iframe 元素允许在现有的HTML文档中嵌入另一张文档。下面代码展示了iframe元素的用法： 在这个例子里，创建一个 name 属性为 myframe 的 iframe 。这样就创建了一个名为 myframe 的浏览上下文。然后就可以把这个浏览上下文与其他元素（具体 阅读全文
摘要：
1.用基本的文字元素标记内容 先看显示效果： 对应HTML代码： 对应元素习惯样式： 2.使用语言元素 ruby、rt 和 rp 元素，先看效果： 对应代码： 3.使用预先编排好格式的内容 pre 元素可以改变浏览器处理内容的方式，阻止合并空白字符，让源文档中的格式得以保留。 阅读全文
摘要：
img元素允许我们在HTML文档里嵌入图像。 要嵌入一张图像需要使用src和alt属性，代码如下： 显示效果： 1 在超链接里嵌入图像 img元素的一个常见用法是结合a元素创建一个基于图像的超链接，代码如下： 浏览器显示这张图片的方式没有什么不同。因此，重要的一点事要向用户提供视觉提示，表明特定图像 阅读全文
摘要：
Web存储允许我们在浏览器里保存简单的键/值数据。Web存储和cookie很相似，但它有着更好的实现方式，能保存的数据量也很大。这两种类型共享相同的机制，但是被保存数据的可见性和寿命存在区别。 PS:还有一种存储规范名为“索引数据库API”（Indexed Database API），它允许保存富格 阅读全文
摘要：
地理定位（Geolocation）API让我们可以获取用户当前地理位置的信息（或者至少是正在运行浏览器的系统的位置）。它不是HTML5规范的一部分，但经常被归组到与HTML5相关的新功能中。 1. 使用地理定位 我们通过全局属性 navigator.geolocation 访问地理定位功能，它会返回 阅读全文
摘要：
HTML5 添加了对拖放（drag and drop）的支持。我们之前只能依靠jQuery 这样的JavaScript库才能处理这种操作。把拖放内置到浏览器的好处是它可以正确的集成到操作系统中，而且正如将要看到的，它能跨浏览器工作。 1. 创建来源项目 我们通过 draggable属性告诉浏览器文档 阅读全文