• 未知高度多行文本垂直居中

    近日,微博上有朋友比较纠结 未知高度的文本垂直居中 问题。这个和「未知高度图片垂直居中」有些类似,但是有一些细节需要注意。 这里有之前写的一个 未知宽高对话框的垂直居中 (拖动改变大小看是不是依然居中?),只不过对话框是相对于 viewport(视口)

    13-05-04
  • Github 上最受欢迎的一些 CSS 框架参考

    css框架其实很早就出现了,他产生的原因是css代码跟其他代码一样,很多时候是高度重复性的,经验丰富的工程师们都会总结出自己的可复用代码,以便应用到不同的项目之中,其中优秀且知名度高的就成了我们所熟悉的css框架,其实就是一套具有普适性的css代码。

    13-04-11
  • 负边距(negative margin)实现自适应的div左右排版

    左右排版本来是可以这样实现的:两边都使用百分比,然后左右浮动。但是这样做满足不了下面这样的场景: 在一个文章页面里面,分为左边的正文区域和右边的与文章关联的其他信息区域,我想让正文区域能随着用户的显示屏宽度变化而变化,这似乎百分比就能做到,

    13-04-07
  • css初学者应该关注的网站

    css可以理解成布局标记语言,国外有一个叫做 Learn CSS Layout 的网站,每一种css的用法都在当前页面用css展现出来,并且配有非常详细的讲解。 与网上的其他教程不同的是, Learn CSS Layout 里面的内容看起来非常轻松,我觉得可能是以下方面的原因: 1.非常

    13-03-17
  • CSS设置div元素的透明度

    在IE中需要通过filter来定义透明度opacity,而在Mozilla中是可以直接解析opacity,所以如果要使得这个效果在两种浏览器中都得到支持,需要把两种设定都加进去。 .div {filter:alpha(opacity=50);/*IE*/opacity:0.5;/*Mozilla*/} 用下面的样式表定义你的div可

    13-03-10
  • _blank开新窗口不符合标准?

    本文参考了以下文章: Kevin Yank的 《New-Window links in a Standards-Compliant World》 《Standards-based Replacement for target=_blank in External links》 我们要在新窗口中打开链接通常的做法是在链接后面加target=_blank,我们采用过渡型的DOCTYP

    13-02-05
  • 谈新窗口打开链接的合理方式

    如果标题换做“用户体验”,感觉大了些,自己毕竟不是这方面的专家,在这里只是谈谈自己的感受。 我还记得很早的时候自己学做网页制作,那时不晓得链接如何从新窗口打开,也不关心这些,因为网页只是起到一个宣传简介的作用,后来多了友情链接这个东东,是的

    13-02-05
  • 用label标签解决IE下input按钮点击或者submit按钮的黑边框

    如果我们把input的type设置为submit,是的,提交表单经常需要submit按钮,就像下面这样: inputtype="submit"class="button"value="登录"/ 你会发现submit初始状态就是这种焦点获取的黑框样式: 怎么办?如果设置border:none,也就是说不要border,那么这种

    13-02-05
  • CSS Card:纯css制作扑克牌

    记得当初在写一个js版本的斗地主程序的时候,我让朋友用ps给我制作了54张扑克牌(是54张吗?)后来想换牌的大小,又不好再让人家做,当时是左右为难,今天在国外的网站上看到了一篇css制作扑克牌的文章,其效果比ps的还要好,叹为观止。其实用到的知识不多,

    13-01-12
  • css基准线研究:垂直对齐的实现-好的、差的和丑陋的

    网页设计布局中一直比较流行网格对齐,但只是针对水平的对齐,很少或者没有涉及垂直对齐,这篇文章很详细的讲解了垂直网格,乃至基线对其的相关,而css3中的多列布局的也使其显得更为重要,因此还是很有必要去了解学习,至少也是一种思路。

    13-01-01
  • 一个简单的响应式横向网格布局框架Responsive Grid System

    网址:http://www.responsivegridsystem.com/ 网页设计中有一个怎么也绕不开的问题,那就是布局问题。一般来说,一个div可能会分割成很多部分,同样是横向分割成两部分,但是在不同的项目中,我们可能会用不同的css代码,网格系统其实就是为这一类似的问题提

    12-12-30
  • CSS的class、id、css文件名的常用命名规则

    CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:

    12-12-16
  • 轻博客Tumblr主题设计的十条建议

    对很多博客类网站来说worldpress好比是面包和黄油,但是在博客平台这个世界里面,轻博客Tumblr也是不错的选择。它简单,漂亮,容易上手。 今天,我们将探讨到底是什么元素创造那些优秀的Tumblr主题。在Tumblr主题公园里有超过1300中选择,在如此多的选择中为什么有的

    12-08-29
  • css打造一个动画效果的图片墙

    今天我们将开始建立另一个有趣的CSS演示。这次我们将创建一个大的、无缝的照片墙。当用户将鼠标悬停于一个图像,一个透明的黑色渐变效果覆盖在其上面。 Demo: 点击这里 HTML代码 第一步我们需要创建一个大概的结构,只需要一个div和无序的列表li。 div class=

    12-08-26
  • 背景渐变:html5+css3中的background: -moz-linear-gradient 用

    在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性。 背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用,放大时也比较好看

    12-08-11
61文