浅析圣杯布局和双飞翼布局

三列布局是一种很常见的页面布局方式,三列一般分别是子列sub、主列main和附加列extra,其中子列一般是居左的导航,且宽度固定;主列是居中的主要内容,宽度自适应;附加列一般是广告等额外信息,居右且宽度固定。
圣杯布局和双飞翼布局都可以实现这种三列布局,他们有什么特别之处呢?

Read More

两列布局分析

两列布局大概是最经典的一种网页布局方式了,本博客就是采用的这种布局。两列布局中,以主列(main)是自适应宽度,子列(sidebar)是固定宽度的情形最为常见。
今天就来好好探讨一下如何实现这种定宽+自适应的两列布局。

Read More

CSS块级元素和行内元素

块级元素block

在视觉上显示为一个块的元素,最明显的特征就是它默认横向充满父元素的内容区域,即默认独占一行。典型的块元素有div、p、h1~h6等。

特点:

  1. 每个块级元素独占一行。
  2. 块级元素的height、width、padding、border、margin都可以设置。
  3. 块级元素在默认情况下,width是父元素的100%。
  4. 可以容纳其他块级元素和内联元素。

Read More

在django中把文件上传至七牛

最近在写的一个django小项目需要实现用户上传图片的功能,使用到了七牛云存储,特此记录下来。这里我使用的七牛python SDK 版本是7.0.3,函数使用上可能会与旧版有些不同。

原本文件上传需要先把文件上传到自己的业务服务器,再从业务服务器上传到云存储。现在七牛的表单上传可以直接把文件上传到七牛,不再需要业务服务器的中转,节省了流量成本,降低了业务服务器的压力。而且通过设置,还可以在文件上传完成后让客户端自动重定向到一个上传成功的结果页面。这里我就是使用了七牛的表单上传。

Read More