- 博客(8)
- 收藏
- 关注
原创 css布局之居中
在css中,居中是很常用的事情,因为大多数人都喜欢一种对称的美。对于居中来说,有的一个属性就可以解决,有的就需要一点技巧。我在之前的一片博客里写到了绝对定位的居中,不过那只是其中的一小部分。先来一些人畜无害,简单的居中方法。对于水平居中来说:一,把margin设为auto这种方法在使用的时候,需要把margin-left和margin-right设为auto,可以实现水平居中,但是
2017-01-11 19:13:30 481
原创 用css创建一个三角形
三角形在web页面应用很多,不过最常见的还是用来指示,比如悬浮框的边缘。其实三角形的原理比较简单,当一个元素的宽和高都为0的时候,那么border就是一个正方形,这个时候,我们只需要显示正方形的一部分就可以了。这个正方形被划分为四个部分,上右下左。如果我们需要一个指向上方的三角形,只需要把下面的三角形显示出来,其他的三角形隐藏或者设为透明就可以了。.box{
2017-01-07 15:38:31 684
原创 居中相对定位和绝对定位的元素
在正常情况下,如果要使一个div居中,最常用的办法就是加一个属性margin:0 auto。但是在相对定位和绝对定位中却不起作用。但有些时候,确实需要对其进行居中。在相对定位的情况下,元素是相对于其原来的位置进行定位的,我自己的思路是这样的,先相对于left右移50%,相对于top下移50%的宽度,然后这个时候元素的左上定点的坐标就是中心位置,这个时候,我们只需要在让其左边距和上边距分别为宽和
2017-01-07 14:38:03 826
转载 css中哪些属性可以继承?
这是前两天突然想到的一个问题,经常看见有的css样式中会出现XXX:inherit;自己模仿的时候也就跟着写了,但却不知道它的原理是什么。当然,留心的话多写几次也能总结出来,比如经常看见文本相关的会写inherit,表格类会写inherit,但不总结的话,知识就不会形成经证实的认知,不会完全吸收为自己的东西,所以还是查找了资料记录下来。 css中默认会继承的属性在上面已经提到了,一是文本相关的属性
2017-01-05 19:07:58 1485
原创 清除浮动的几种常用方法(2)
上一篇文章中介绍了一些常用的清除浮动的方法,这篇文章会继续给大家分享一些常用的清除浮动的方法,望大神赐教。方法一:增加标签这种方法比较小众,基本上很少使用,通过在父级元素后面加一即可以清除浮动,但是额外增加了一些无用的标签,有违结构与表现分离,所以不是很提倡大家使用的。方法二:使父级也浮动使的与父级相邻的都会受到影响,所以也不推荐大家使用。 方法三:使用:after 伪元
2017-01-05 14:12:23 428
原创 清除浮动的几种常用方法
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 324
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人