摘要：
前言 1.盒模型、盒子模型、框模型（box model） - CSS将页面中的所有元素都设置为了一个矩形的盒子 - 将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置 - 每一个盒子都由一下几个部分组成： 内容区（content） 内边距（padding） 边框（border） 阅读全文
摘要：
前言 CSS的伪类和伪元素在平时的代码中经常会出现，可是一旦别人问你，什么是伪类，什么是伪元素，可能还是不能完整的表述出来，下面我们来一探究竟。 伪类和伪元素定义 伪类用于在页面中的元素处于某个状态时，为其添加指定的样式。 伪元素会创建一个抽象的伪元素，这个元素不是DOM中的真实元素，但是会存在于最 阅读全文
摘要：
1.说明 此色彩模式与RGB相同，只是在RGB模式上新增了Alpha透明度。 RGBA(R,G,B,A) 2.取值 R： 红色值，正整数值的取值范围为：0 - 255，百分数值的取值范围为：0.0% - 100.0%。 G： 绿色值，正整数值的取值范围为：0 - 255，百分数值的取值范围为：0.0 阅读全文
摘要：
浮动 性质1：浮动的元素脱标 脱标即脱离标准流。我们来看几个例子。 证明1： 上图中，在默认情况下，两个div标签是上下进行排列的。现在由于float属性让上图中的第一个<div>标签出现了浮动，于是这个标签在另外一个层面上进行排列。而第二个<div>还在自己的层面上遵从标准流进行排列。 证明2： 阅读全文
摘要：
CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 下面逐一介绍。 相对定位 相对定位：让元 阅读全文
摘要：
vertical-align属性主要用于改变行内元素的对齐方式，对于行内布局影响很大，如果不了解的话，我们开发调整样式的时候很容易出错。 网上关于这个属性的原理说得很是复杂，看一眼就让人觉得望而生畏，而且大可不必完全理解其原理，只要懂得其规律，我们足够使用即可，下面把我的理解分享给大家： 基线 要了 阅读全文
摘要：
一、空间占据 display: none; 是彻底消失，不在文档流中占位，浏览器也不会解析该元素 visibility:hidden; 是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素； 使用visibility:hidden比display:none性能上要好，dis 阅读全文
摘要：
在开发过程中，很多需求需要我们居中一个div，比如html文档流当中的一块div，比如弹出层内容部分这种脱离了文档流等。不同的情况有不同的居中方式，接下来就分享下一下几种常用的居中方式。 1.text-align:center方式 代码： 1 2 3 4 5 <div class="center"> 阅读全文
摘要：
首先要将博客园的编辑器设置为markdown编辑器，步骤；选项-默认编辑器-markdown。 打开要转载的文章，右键点击查看，找到整个文章的div,右键选择copy——copy outerHTML 插入图片 3.然后在进入自己的博客园，新建一个文章，之后再内容除ctrl+v就可以了 4.直接发布后 阅读全文
摘要：
对于喜欢逛博客的人来说，看别人的博客确实能够对自己有不小的提高，有时候看到特别好的博客想转载下载，但是不能一个字一个字的敲了，这时候我们就想快速转载别人的博客，把别人的博客移到自己的空间里面，当然有人会说我们可以收藏博客啊，就不需要转载，(⊙o⊙)… 也对。。 实现 因为我自己当初想转载的时候却不知 阅读全文