css水平垂直居中

visitors 0   •     •   2017,04,03

要让下图中绿色框水平垂直居中,你是怎么实现的,可能每个人都有自己习惯的使用方法。下面是我总结的几种方法废话不多说,直接上菜。1.利用绝对定位方法:把top和 left 偏移 50%,在用margin 偏移回去。适合:已经固定大小的元素。做响应的话可能根据实际需要还需要js的操作。1234567891011121314151617181920div1{ background:gold...
Read More

伪类和伪元素的区别

visitors 0   •     •   2017,03,30

伪类和伪元素作为前端搞事情的各位应该常听说,而且也一直在使用着,那他们到底真正的有什么区别呢。下面咱们就说说。其实在css1和css2中伪类和伪元素没有明确区分开来,从都是使用一个冒号:可了解。但这明显是不对的,所以在css3中对伪类和伪元素无论是概念还是使用方式上都做了明确的区分。从伪类还是使用一个冒号:,但是伪元素是使用两个:可了解。那他们到底怎么区分的呢。css3之前的伪类和伪元素解释先来看...
Read More

伪类和伪元素的区别

visitors 0   •     •   2017,03,30

伪类和伪元素作为前端搞事情的各位应该常听说,而且也一直在使用着,那他们到底真正的有什么区别呢。下面咱们就说说。其实在css1和css2中伪类和伪元素没有明确区分开来,从都是使用一个冒号:可了解。但这明显是不对的,所以在css3中对伪类和伪元素无论是概念还是使用方式上都做了明确的区分。从伪类还是使用一个冒号:,但是伪元素是使用两个:可了解。那他们到底怎么区分的呢。css3之前的伪类和伪元素解释先来看...
Read More

伪类和伪元素的区别

visitors 0   •     •   2017,03,30

伪类和伪元素作为前端搞事情的各位应该常听说,而且也一直在使用着,那他们到底真正的有什么区别呢。下面咱们就说说。其实在css1和css2中伪类和伪元素没有明确区分开来,从都是使用一个冒号:可了解。但这明显是不对的,所以在css3中对伪类和伪元素无论是概念还是使用方式上都做了明确的区分。从伪类还是使用一个冒号:,但是伪元素是使用两个:可了解。那他们到底怎么区分的呢。css3之前的伪类和伪元素解释先来看...
Read More

纯css点击效果

visitors 0   •     •   2017,03,20

平时网页中如果需要出现点击效果的按钮或是菜单,你可能首先想到的是js的点击事件,实现这些利用js虽然也简单,但毕竟是脚本,运行起来,性能上还是会慢些,其实有些点击效果用css也可以实现,运行css那可就比js快多了,下面总结一些用纯css实现的点击效果。1.利用单选框和复选框例如效果html1<input type="checkbox" id="p"><label for="p"...
Read More

hsl颜色表示法

visitors 0   •     •   2017,03,19

css颜色表示法通常常用和最常见的三种123background-color:red;background-color:#ff0000;background-color:rgb(255,0,0);hsl颜色表示法,不知大家用没用过,反正我到我写这篇博客之前一直没用过。1backgroud-color:hsl(0,100%,54%);是不是感觉写法和rgb很像,rgb分别代表三原色,hsl分别代表色...
Read More

hexo的next主题配置和优化

visitors 0   •     •   2017,03,14

继续叨叨叨上一篇介绍了hexo的安装和部署(还没部署的小伙伴点这里),这篇咱们接着上篇介绍怎么应用主题next和优化next。next主题hexo的主题很多,但还是觉得next符合我的感觉,简洁大气,耐看。毕竟是博客,文章才是最主要的,花里胡哨的主题太宣兵夺主了。下载应用nexthexo的主题都存放在themes文件夹下,在themes文件夹下右键Git bash Here,输入:1$ git c...
Read More

hexo个人博客搭建

visitors 0   •     •   2017,03,12

叨的叨叨以叨叨,那是什么叨该说啥呢。。。博客不是第一次写,但在自己搭建的博客上写文章的确是第一次。十分兴奋。看着自己辛苦搭建出来的博客,一点一点达到自己心目中的样子,这种感觉只有做过的人才可以体会到。如果你还在犹豫,那就别墨迹了。废话不多说。搭建自己的博客,当时我查的时候好多人推荐用Wordpress,既然这么多人推荐,那我就不用,怎么滴。好吧被看穿了,其实是我太穷了,没钱租服务器。虽然好像也可以...
Read More

Hello World

visitors 0   •     •   2017,03,01

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.Quick ...
Read More