网页(全屏)背景图实现方式(纯CSS向)

全屏背景的意思就是背景图占满整个浏览器视窗,在没有body其他内容的时候不出现滚动条。就算有滚动条的时候,背景也是固定的,不跟随滚动。
对于这类的全屏背景图片的实现,我们需要注意的是,有五种情况:

  • 图片很小重复铺满整个视窗
  • 被浏览器视窗大小截断
  • 宽度占满浏览器视窗而高度被截断
  • 根据浏览器视窗大小长宽按比例缩放
  • 根据图片与浏览器视窗的相对大小进行缩放或者截断
Read more
一个人的时候想的事

我一向是很不喜欢也不习惯在手机上写东西。但这次是例外,因为我的身边并没有自己的笔记本。

都说距离产生美。在远离北京的11个小时里我的感受越来越深。整个车厢里都是小伙伴但我落座的位置却是最角落的最角落。一开始有点失落但是随着火车的开动我却越来越享受这种一个人的旅途。主要是我一个人看着窗外想了很多很多的东西。而这些东西我需要环境,需要时间去消化。所以一个人的角落未必不是一件好事。

Read more
jQuery——删除 动态添加的元素的方法

这两天在写JS,写一个遮罩层的时候发现了一个挺有意思的地方,就是直接运用jQ的$选择器的时候无法选择出动态创建的元素,因此也就无法做到删除这个动态添加的元素。然后找寻了各种方法,目前找到两种我觉得是挺好的解决办法。


Read more
前端基础入门之个人拙见

说实话自己也仅仅是入门级别的前端人员,要我写一篇教程引导没有前端基础或者有一点点基础的人说是难为也不为过。

以下仅仅是个人拙见,看官见谅。

Read more
前端-给自己的第一个博客添加样式

上一篇文章已经给出了一个两栏布局的博客的基本结构。我们实现了两栏布局的基本页面结构(DEMO),今天我们来给这个DEMO添加样式,让它变得更好看。

更新后的地址在这里 NEW-DEMO

Read more
前端-从最简单的两栏布局开始

相信很多人接触前端做的第一个可以称为工程的东西就是叫做我的博客的一个博客页面的东西。毕竟博客页面对于一个新手来说是最适合练习布局的一个工程了。

同样,我的前端出发点也是一个博客页面,不过年代久远做得太丑就不好意思拿出来献丑。当时并没有布局的概念,觉得什么需要就往网页上写,结果布局乱七八糟实在不忍直视。今天要说的是两栏布局。从两栏布局里我们能够学到基本的DIV+CSS布局方法,纵向的DIV如何变为横向排布,这其中包括了float的一些用法;以及前端开发中对于布局的一些基本注意事项。

Read more
我对前端的一些体会和理解

第一次接触前端是在2014年的7月。我的理解是第一次真正敲击了HTML,CSS代码。我的第一个页面是一个个人博客页面。那个时候的代码东拼西凑,由于对HTML标签都不太熟悉,每写一句话都可谓是“胆战心惊”。那个时候的CSS也只会最简单的一些color,width,height等等,最多再来些margin。而且也只会内联样式。这个时候对于布局也只是一知半解。后来的将近10个月的时间对前端就没再有过多的接触。

直到今年5月下旬的时候,由于个人原因,决定了以后要做的东西是前端。所以重新拾起了前端的东西。万事开头难。虽然前端的学习曲线对于初学者来说前期是个甜蜜期,但是对于我来说将近10个月没再进行前端学习的人,前期也是有它的难度的。

Read more