2017年3月6日
摘要: 在写CSS样式的时候,有时为了美观,会添加水平居中和垂直居中,这时候你有可能会遇到很棘手的问题,有些水平居中和垂直居中的属性添加上去完全没反应,下面给大家列举一些CSS水平居中和垂直居中的终极解决方案: 一、CSS的水平居中 css水平居中有大致有以下三种情况: 1.文本、图片等行内元素: 给父元素 阅读全文
posted @ 2017-03-06 16:11 零度逍遥 阅读(754) 评论(0) 推荐(0) 编辑
摘要: 前端工程师在开发一个单页面或者小网站的时候有可能不会在意CSS的组织问题,但如果要开发一个中大型的网站,就要好好的组织CSS文件,不然会增加维护成本,整个网站的结构也没条理性。 如何组织CSS?一般常用的方法是按功能划分,分为三大类: 1、base类 base类是css最底层的类,也就是通用原子类, 阅读全文
posted @ 2017-03-06 16:10 零度逍遥 阅读(263) 评论(0) 推荐(0) 编辑
  2017年3月3日
摘要: 网络上流传着一篇文章《前端工程师一定要做的6件事》,分别是:1、一定要有饭吃,2、一定要学习,3、一定要跳槽,4、一定要犯错,5、一定要写博客,6、一定要分享。零度看过以后,感慨异常,下面针对各点说说自己的感悟,算是抛砖引玉,也希望朋友们可以说出你们自己的想法。 一、一定要有饭吃,这一点毋庸置疑,只 阅读全文
posted @ 2017-03-03 11:44 零度逍遥 阅读(661) 评论(0) 推荐(0) 编辑
摘要: 最近在工作中遇到一个问题,我在div里写上文字,当我把div变为半透明的时候,里面的文字也会随之透明。情况如下: 这样我的文字几乎看不清,这当然不是我想要的,随即去查询资料,找到了一个解决办法,使用css3的属性: 这种方式是利用css3的新属性,更改背景的透明度,这样就不会影响到内容的透明度,但是 阅读全文
posted @ 2017-03-03 11:43 零度逍遥 阅读(676) 评论(0) 推荐(0) 编辑
摘要: css3里关于背景的属性增加了可以添加多背景图的特性,例如: 这段css代码,就给.box元素添加了三张背景图,而正因为有了这样一个功能,我们可以利用不停的变换这三张背景图的位置来实现幻灯片切换的效果。 html代码非常精简,如下: 简单的给一些样式: 以下是js部分(jq代码): 这种方法实现会比 阅读全文
posted @ 2017-03-03 11:41 零度逍遥 阅读(3129) 评论(0) 推荐(0) 编辑
摘要: 响应式布局是最近几年在前端开发中非常火热的词,它是相对于固定像素大小的网页而言的,那么CSS响应式布局到底是什么?顾名思义,响应式布局就是网页能够响应各种各样不同分辨率大小的设备,能够将网页很好的呈献给用户,也因此受到很多前端开发人员的追捧,可能很多人早就已经知道甚至已经用过响应式布局来制作网页,但 阅读全文
posted @ 2017-03-03 11:38 零度逍遥 阅读(3950) 评论(0) 推荐(0) 编辑
摘要: 经常看到一些网站遇到重大灾害事故的时候,选择默哀,会把网站的整体颜色变成黑白灰,这种技术其实并不复杂,仅仅是通过滤镜就可实现,下面我把我常用的方法分享给大家。 在css文件中插入以下代码: 保存刷新,你会发现页面瞬间变成了黑白灰基调。当然我们也可以在html文档中直接添加: 效果是一样的,通过css 阅读全文
posted @ 2017-03-03 11:37 零度逍遥 阅读(675) 评论(0) 推荐(0) 编辑
摘要: 在web前端开发中,ajax是很重要的一项技术,用原生写起来很是麻烦,需要一大堆js代码,而到了jq里就被精简了许多,一起来看看: jquery中的ajax分为三种方式: 1.$.get(),get方式获取 例子: 2.$.post(),post方式获取 例子: 大家可以看出,post方式和get方 阅读全文
posted @ 2017-03-03 11:35 零度逍遥 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 在jquery中有一个很重要的概念——事件委派,相信很多搞前端开发的人都听说过,零度逍遥本来对此不是十分理解,但经过一个高人的指点后,才发现这个功能还是蛮强大的,今天就给大家分享一下。 事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。 说的有点抽象,按照惯例, 阅读全文
posted @ 2017-03-03 11:34 零度逍遥 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 表单在前端开发中是经常会遇到的,其中自然也少不了checkbox复选框,对于复选框的操作无外乎有以下三种:全选,全不选,反选。下面零度逍遥就给大家分析分析。 一、checkbox全选 大家都知道选择checkbox的方式是给它加上属性checked:'checked',所以用jquery的方式就可以 阅读全文
posted @ 2017-03-03 11:33 零度逍遥 阅读(183) 评论(0) 推荐(0) 编辑