z-blogPHP拍拍看主题模版的文章页面样式效果

  • 网站首页制作心得,新老网站技术对比

     2年前 (2016-11-12)  个人网站 css    1436

    今天终于把个人网站(拍拍看科技)的首页完成了,个人感觉还是比较满意的。首页也采用模版模式,里面包含了很强大的可变动性,虽然做起来的确费事不少,但后期维护起来很方便。通过这次制作过程,我感觉新老网站在技术上的确存在很大差异。先看下网站整体效果吧:

  • 用CSS给摄影图片加点伪景深效果

     2年前 (2016-10-13)  css    942

    在我们日常生活中,常常会随手拍摄一些照片,有时候我们为了烘托幽暗的气氛,常常会给照片增加一层灰色的光圈效果。这样,能让我们的图片看起来效果很舒服:

  • 如何用纯CSS将图片填满div,自适应容器大小

     2年前 (2016-10-11)  css 代码    5218

    我有一个模板,想按常规做一个div里面放置一个img图片,并且让图片铺满容器,自适应容器大小。HTML结构代码如下(在这个盒模型上,我已经放置了一些不重要的样式)。

  • 让网页最下面的内容变成页脚紧贴在底部

     2年前 (2016-10-10)  css    1025

    在网页设计中,存在一个相当古老又相当常见的问题,它是前段工程师绕不开的坎:有一个具有块级样式的页脚,当页面内容足够长时它一切正常,当页面较短时就会出现如图所见的问题。此时的问题在于,页脚不能像我们期望中那样紧贴在视口的底部,而是紧跟在内容的下方。

  • 网页内容“垂直居中”的几个常用方法及利弊

     2年前 (2016-10-10)  css    787

    在CSS中对元素进行水平居中是这样:如果它是一个行内元素,就对它应用text-align:center;,如果它是一个块级元素,就对它自身应用margin:auto;。然而如果要对一个元素进行垂直居中,可能光是想想就令人头皮发麻了。

  • 满幅的背景,定宽的内容

     2年前 (2016-10-08)  css    657

    在过去的几年间,有一种网页设计手法逐渐流行起来,我们将它称为"宽度满幅,内容宽度固定",这个设计的一些经典特征如下:

    • 页面中包含多个大区块,每个区块都占据了整个视口的宽度,区块的背景也各不相同;

    • 内容是定宽的,即使在不同分辨率下的宽度不一样,也只是因为媒体查询改变了这个固定的宽度值而已。在某些情况下,不同区块也可能具有不同的宽度。

  • 用CSS让元素宽度自适应内部元素的方法

     2年前 (2016-10-08)  css    1714

    众所周知,如果不给元素指定一个具体的height,它就会自动适应其内容的高度。假如我们希望width也具有类似的行为,该怎么做呢?

    图片
            众所周知,如果不给元素指定一个具体的height,它就会自动适应其内容的高度。假如我们希望width也具有类似的行为,该怎么做呢?从这个案例中,我们来找寻答案吧。

  • 几种通过阴影来弱化背景的CSS方法

     2年前 (2016-10-08)  css    1007

    很多时候,我们需要一层半透明的遮罩层来把后面的一些整体调暗,以便凸显某个特定的UI元素,引导用户关注。比如下图。这个效果最常见的实现方法就是增加一个额外的HTML元素用于遮挡背景,然后为它添加一些样式:

  • 扩大按钮的可点击区域提升网站用户体验

     2年前 (2016-10-07)  css    814

    之前我在《自适应的椭圆》中曾经提到过一个网站,做了很多特殊的按钮式样。今天,我要来说说按钮的可点击区域,它关系到我们的用户体现效果。

  • 网页设计中常用的四种文字处理特效

     2年前 (2016-10-06)  css    696

    在网页中,对文字进行艺术加工已经变得非常普通了。比如凸板印刷效果,悬停时的模糊效果,浮雕效果等等。要达成这些效果,我们往往会用一系列精心排版的文字投影,而且需要明白我们的眼睛是如何工作的,因为这些手段往往建立在视觉错误的基础上。一旦你掌握了其中的窍门,就可以很容易把这些效果做出来。