2017年01月_Stephen_Numb

原创 css布局之居中

在css中，居中是很常用的事情，因为大多数人都喜欢一种对称的美。对于居中来说，有的一个属性就可以解决，有的就需要一点技巧。我在之前的一片博客里写到了绝对定位的居中，不过那只是其中的一小部分。先来一些人畜无害，简单的居中方法。对于水平居中来说：一，把margin设为auto这种方法在使用的时候，需要把margin-left和margin-right设为auto，可以实现水平居中，但是

2017-01-11 19:13:30 479

原创用css创建一个三角形

三角形在web页面应用很多，不过最常见的还是用来指示，比如悬浮框的边缘。其实三角形的原理比较简单，当一个元素的宽和高都为0的时候，那么border就是一个正方形，这个时候，我们只需要显示正方形的一部分就可以了。这个正方形被划分为四个部分，上右下左。如果我们需要一个指向上方的三角形，只需要把下面的三角形显示出来，其他的三角形隐藏或者设为透明就可以了。.box{

2017-01-07 15:38:31 683

原创居中相对定位和绝对定位的元素

在正常情况下，如果要使一个div居中，最常用的办法就是加一个属性margin:0 auto。但是在相对定位和绝对定位中却不起作用。但有些时候，确实需要对其进行居中。在相对定位的情况下，元素是相对于其原来的位置进行定位的，我自己的思路是这样的，先相对于left右移50%，相对于top下移50%的宽度，然后这个时候元素的左上定点的坐标就是中心位置，这个时候，我们只需要在让其左边距和上边距分别为宽和

2017-01-07 14:38:03 825

这是前两天突然想到的一个问题，经常看见有的css样式中会出现XXX:inherit;自己模仿的时候也就跟着写了，但却不知道它的原理是什么。当然，留心的话多写几次也能总结出来，比如经常看见文本相关的会写inherit，表格类会写inherit，但不总结的话，知识就不会形成经证实的认知，不会完全吸收为自己的东西，所以还是查找了资料记录下来。 css中默认会继承的属性在上面已经提到了，一是文本相关的属性

2017-01-05 19:07:58 1485

原创清除浮动的几种常用方法(2)

上一篇文章中介绍了一些常用的清除浮动的方法，这篇文章会继续给大家分享一些常用的清除浮动的方法，望大神赐教。方法一：增加标签这种方法比较小众，基本上很少使用，通过在父级元素后面加一即可以清除浮动，但是额外增加了一些无用的标签，有违结构与表现分离，所以不是很提倡大家使用的。方法二：使父级也浮动使的与父级相邻的都会受到影响，所以也不推荐大家使用。方法三：使用:after 伪元

2017-01-05 14:12:23 427

原创清除浮动的几种常用方法

css中的元素分为块级元素和行内元素，对于块级元素来说，比较“霸道”，是不和其他的块级元素放在同一行的，常见的就是div和ul,但是，在生产应用中，经常会遇到块级元素水平排列的情况，这个时候就需要用到浮动。浮动就像一把双刃剑，一面是天使，一面是魔鬼，如果稍微不注意的话，浮动没有清楚，就可能会导致高度坍塌。下面我们就分享一下平时经常使用的清除浮动的方法。方法一：对父级设置合适的CSS高度。

2017-01-04 19:17:49 1878

原创 vue(4)

我们知道，在Vue里面，需要实例化一个vue对象，那么vue有哪些方法呢？我们平时常用的又有那些呢？第一个，经常用的就是$mount,一个就是$options。下面具体介绍下用法。我们知道，vue中el的主要作用是为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数。如果在初始化的时候没有给定el的值，那么实例就无法编译，这个时候，就需要$mo

2017-01-03 15:49:23 389

原创 vue(3)

在使用{{}}显示数据的时候，遇到网络不佳的情况，{{}}会显示出来，不过vue提供了防止闪烁的方法v-text和v-html，对于v-text来说，和{{}}是等价的，比如{{msg}}和v-text="msg"是等价的，而且在网络不好的时候，v-text也不会出现花括号。对于v-html来说，当msg中出现html标签的时候，v-text是不能够转义这些标签的，所以这个时候就需要用到v-h

2017-01-02 11:34:36 323

Stephen_Numb的博客