2016年09月_sunshine940326

转载 css伪元素（二）

首先要明白一种思想：结构和样式分离。结构和样式分离，就意味着：没有样式表，HTML文档也是一个完整的文档；没有样式表，也能正常阅读用HTML表达的所有内容。明白这种思想就能很好理解样式表中使用—— :before 和 :after中的content: “”; ——就算没有——:before 和 :after中的content: “”;- —–HTML文档也不会受到影响，HTML文档

2016-09-22 10:58:52 337

层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。　　你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章　　事实上，的确有一些CSS家族的成员（CSS选择器）被分类为伪元素比如：:first-line, :first-letter

2016-09-22 10:25:57 343

原创使用gitpage和hexo开发你自己的博客更新

进入程序员这个坑之后就开始自己在网上扒资料，然而资料太多，情况太复杂，主要是看见别人的博客，感觉好高大上，并且感觉在茫茫的互联网有自己的小天地感觉也是极好的。不是为了给别人看，而是为了记录自己的成长，记录自己的每一个脚印。Gitpage+hexo想要实现拥有一个独立的私有博客，我们需要两个东西，一个是可供浏览器访问的静态网页存储空间，这个我们选择gitPage，一个是一个静态网页生成工具，Octo

2016-09-22 10:16:01 2450 1

转载 svg的用法

SVG是一种矢量图格式。SVG是Scalable Vector Graphics三个单词的首字母缩写。Adobe Illustrator是专门编辑、制作矢量图的软件工具。SVG是Adobe Illustrator的主要制作目标。你可以在轻松的网页上使用漂亮的SVG图，但SVG有很多的用法你可能还不知道。观看演示SVG有什么优势？文件体积小，能够被大量的压缩图片可无限放大而不失真(矢量图的基本特征

2016-09-21 18:40:29 3636

原创 section和div的区别

在做移动web的时候，参考的案例用的是section而不是div，就好奇，section是什么鬼？section是属于听说过但是一直都没有用过的一个元素，所以百度查了一下section和div的区别，收获如下：作者：贺师俊链接：http://www.zhihu.com/question/20227599/answer/14582155 来源：知乎著作权归作者所有，转载请联

2016-09-21 11:30:16 67024 1

原创使用rem来开发你的移动端网站

what is rem ？css3中的计量元素大小的单位，类似px、pt、em。一种相对根元素font-size的计算方式。1rem = ’s font-size px (你懂就好)使用场景：每个元素的宽高、文字大小、行距、补白等一切可以使用长度单位的地方。使用范例: html{font-size:37.5px;}/*根元素的基础font-size被设置为37.5px，则1rem=37.

2016-09-21 10:02:13 1565

转载浅谈CSS在前端优化中一些值得注意的关键点

当谈到Web的“高性能”时，很多人想到的是页面加载时间，但其实性能不仅仅是指加载时间，还包括浏览器性能、网络性能、开发效率。在Web前端开发中，性能是一个非常重要的需要考虑的点。本文将介绍一些开发原则和性能准则，这些都是提高Web前端性能的基础。1. 开发原则1.1 编写符合当代浏览器性能的代码如果想提高前端性能，就必须理解浏览器的工作原理，哪怕是个大概，这样才能知道性能瓶颈在哪里以及如何优化。

2016-09-20 11:49:38 907

原创利用Gitpage+hexo开发自己的博客

进入程序员这个坑之后就开始自己在网上扒资料，然而资料太多，情况太复杂，主要是看见别人的博客，感觉好高大上，并且感觉在茫茫的互联网有自己的小天地感觉也是极好的。不是为了给别人看，而是为了记录自己的成长，记录自己的每一个脚印。Gitpage+hexo想要实现拥有一个独立的私有博客，我们需要两个东西，一个是可供浏览器访问的静态网页存储空间，这个我们选择gitPage，一个是一个静态网页生成工具，Octo

2016-09-16 01:25:25 6108

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-09-05 16:45:11 355

转载使用Github Page和Hexo快速构建个人博客，以及插件安装及主题优化总结

前言自从学习使用github后，了解到可以使用github page搭建个人博客，就一直梦想着自己有一天能够也能够搭建拥有自己的博客，记得高中时候还经常看一些美文之类的书，喜欢一些唯美的语句，甚至还曾经梦想着能做个作家，好吧，扯远了，经过这两天的摸索，终于成功构建了自己的博客！下面介绍一下搭建过程。第一次发文，有错误之处还希望大神们批评指正。搭建前提：既然你能找到这篇博文相信你至少对github有一

2016-09-05 11:14:43 927

原创怎么用chrom调试javascript

1 将写好的Javascript代码用chrome打开。 2 在页面，单击右键，并且选择“审查元素”。 3 弹出窗体，如图所示：然后，点击“Resources”标签，如图所示：然后点击“enable resource tracking”,导入源文件，并且选择“Script”标签，如下：添加断点的方法就是在所在的代码行的数字上双击即可！！debug控制方式：1 首先是刷新调试的网页，即

2016-09-03 17:19:31 441

sunshine940326的博客