演变: .triangle{ height: 30px; width: 30px; display: inline-block; border: 30px solid; border-color: #ff0000 #00ff00 #0000ff #ffff00; } <span class="triangle"></span>       so,设置width,height为0,边框透明时可以实现三角形效果. 简单说来,css实现方法有三种, 先贴代码看效果:…

css隐藏元素的几种方法与区别 一:display:none;隐藏不占位 display 除了不能加入 CSS3 动画豪华大餐之外,基本效果卓越,没什么让人诟病的地方. 二:position:absolut;left/top:-99999px;足够大的负值使其不可见 三:visibility:hidden:隐藏占位,不会响应点击事件. 四:opacity:0:严格来说这个并不是隐藏,透明之后它还占据着页面位置,所以在重排的时候还是会被计算消耗性能. 五:width/height为0 而且可以在二…

用javascript修改css伪类的几种方法: Modify pseudo element styles with JavaScript http://pankajparashar.com/posts/modify-pseudo-elements-css/…

顽石系列:CSS实现垂直居中的五种方法 在开发过程中,我们可能沿用或者试探性地去使用某种方法实现元素居中,但是对各种居中方法的以及使用场景很不清晰.参考的内容链接大概如下: 行内元素:https://blog.csdn.net/bwf_erg/article/details/69844527 MDN文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align 六种方法:https://www.jianshu.com/p/08…

PHP数组合并两种方法及区别 如果是关联数组,如下: 复制代码代码如下: $a = array( 'where' => 'uid=1', 'order' => 'uid', ); $b = array( 'where' => 'uid=2', 'order' => 'uid desc', );  1. array_merge,如果两个数组存在相同的key,后面的一个会覆盖前面的 复制代码代码如下: <?php $c = array_merge($a, $b); var_exp…

执行shell脚本的几种方法及区别 http://blog.csdn.net/lanxinju/article/details/6032368 (认真看) 注意:如果涉及到脚本之间的调用一定要用 . 来执行shell脚本. [root@bogon ~]# cat a.sh #!/bin/bashTang=Freddy[root@bogon ~]# sh a.sh [root@bogon ~]# echo $Tang [root@bogon ~]# . a.sh [root@bogon ~]# e…

1. 创建线程的三种方法及其区别 1.1 继承Thread类 首先,定义Thread类的子类并重写run()方法: package com.zwwhnly.springbootaction.javabase.thread; public class MyFirstThread extends Thread { @Override public void run() { for (int i = 0; i < 5; i++) { System.out.printf("[MyFirstThre…

jQuery中empty&&remove&&detach三种方法的区别 empty():移除指定元素内部的所有内容,但不包括它本身 remove():移除指定元素内部的所有内容,包括它本身,所有绑定的事件.附加的数据等都会删除 detach():临时删除页面上的所有元素包括它本身,所有绑定的事件.附加的数据等都会保留下来 官方解读:这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素.与remove()不同的是,所有绑定的事件.附加的数据等都…

.green { width: 100px; height: 100px; background-color: #a0ee00; text-align: center; float: left; margin: 20px; line-height: 100px } .myDiv { opacity: 0 } .myDiv:hover { opacity: 1 } .blue { width: 100px; height: 100px; background-color: #b7f9fb; tex…

原文地址:http://blog.zhourunsheng.com/2012/03/css-%E5%85%83%E7%B4%A0%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E7%9A%84-6%E7%A7%8D%E6%96%B9%E6%B3%95/ 利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可.本文收集了六种利用css进行元素的垂直居中的方…