time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > CSS布局实例 > 列表



 
2013-03-23 23:42:12 | 好评(0) | 浏览(4634)
本教程主要介绍类似谷歌图片搜索中网格缩略图的预览功能的实现。 在线演示 在线演示 源码下载 源码下载 如果你最近使用过google的图片搜索功能,相信你一定注意到了当你点击缩略图的时候,旁边会非常有趣的出现预览的大图。这是一个非常不错并且实用的效果。今天我们将...
 
2012-11-25 23:42:19 | 好评(0) | 浏览(4620)
今天说说一个经典布局:头尾固定高度中间高度自适应布局! 相信做过后台管理界面的同学,都非常清楚这个布局。最直观的方式是框架这个我不想多写费话,因为我们的重心不在这里。如果有不了解的同学可以百度、google。这里我不得不吐下槽!! 百度实在让我这个粉丝失望...
 
2012-04-13 12:54:47 | 好评(0) | 浏览(1353)
前一篇文章《 CSS 元素垂直居中的 6种方法 》中介绍了6种常用的利用CSS来垂直居中元素的方法,本文介绍一种多行文本垂直居中的解决方案。 实现的效果如下:查看 Demo ,下载 代码文件 Html代码 div class=area div class=bubble pTo look best, text should really be...
 
2012-04-12 23:40:55 | 好评(0) | 浏览(890)
利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。 Line-Hei...
 
2011-04-26 22:15:32 | 好评(0) | 浏览(5734)
CSS3 和 HTML5 是现在Web开发领域的技术热点,它们的确给 Web 开发带来了革命性的影响。今天,要与大家分享的是50个 CSS3 应用的最佳例子,从中你能体会到 CSS3 中许多让人欣喜的特性,尽情欣赏吧。 1- Leaves CSS3 2- Easily Turn Your Images Into Polaroids with CS...
 
2011-03-24 22:44:02 | 好评(0) | 浏览(2187)
HTML和CSS是两种网页上用得最多的语言。虽然它可能不是网页开发的最高级形式,但是在近十年建立的每个网站都使用这两种语言。不用说,它们有许多可学的东西,但是这不意味着工具没有用。这里收集了一些极佳工具的极佳列表。 CSS3 Please! 提供一种简单的方式来生成适用...
 
2011-03-24 22:39:53 | 好评(10) | 浏览(2048)
细节使得这个世界从平凡变得不平凡。 一辆豪华汽车与传统汽车拥有同样数量的车轮、座位、门窗,但是使得它在竞争中脱颖而出的却是花费在细节上的时间。加热真皮座椅,一按即启动引擎,无钥车门开关,自动泊车系统,丰富的数字电台等等使得它成为一辆昂贵的新型车。 同...
 
2011-03-24 22:23:56 | 好评(0) | 浏览(4635)
在这系列文章的 前面一部分 ,我们讨论了CSS排版的一些技术和最佳实践。现在让我们通过一些案例学习,工具以及网页中一系列出色排版来更深入的研究。 这是CSS排版参考三篇系列中的第三部分,这三篇将涵盖从基本语法到最佳实践,以及CSS排版相关工具的内容。 CSS排版:...
 
2011-03-24 22:14:57 | 好评(0) | 浏览(2285)
在这个系列的 第一部分 ,我们讨论了一些与CSS排版的基础概念。现在我们将讨论一些出色的技术,建议,技巧以及处理网站排版的最佳实践。 这是CSS排版参考三篇系列中的第二部分,这三篇将涵盖从基本语法到最佳实践,以及CSS排版相关工具的内容。 用@font-face改善网页排...
 
2011-03-23 23:49:09 | 好评(0) | 浏览(2830)
排版是网站设计中的一个基本部分。理由很充分:好的排版不仅是审美的必要,还可能从文字的易读性和可读性方面改善网站可用性。排版的一切就是大小,比例和间距。排版同时也要考虑字体样式。 在我们的网页设计中如何使用CSS来很好的排版呢?这就是我们要努力回答的问题...
 
2011-02-26 00:15:30 | 好评(0) | 浏览(1809)
实质就是一个切换卡,关键是如何让鼠标从按钮移到面板上时,面板不会消失。用到div:hover与CSS3圆角。 div class = main_console div class = main_column div class = column_title AAAAA/ div div class = main_panel_wraper div class = main_panel AAAA的面板/ div...
 
2011-02-17 12:38:47 | 好评(0) | 浏览(849)
我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片,比如: 又如: 这些小图片就是整图分割后的各个部分,把各个部分放在一张图片...
 
2010-05-10 00:32:31 | 好评(-2) | 浏览(1081)
1.文本缩进 text-indent text-indent 用来缩进一段文本。它的值是一个长度值,也可以是一个百分数,基于元素的宽度计算.仅能用于块级元素,比较简单,例如 div style = text-indent : 3em This is Georgia. Hi,everyone! I'm learning css now and I found it interesti...
 
2010-04-05 10:55:31 | 好评(0) | 浏览(1028)
!doctype htmlhtml dir=ltr lang=zh-CNheadmeta charset=utf-8/meta http-equiv=X-UA-Compatible content=IE=Edgestyle type=text/css#div1,#div2 {position:absolute;background:#f00;top:50%;/*现在偏下方*/left:50%;/*现在偏右方*/}#div1 {width:150px;height:50px;...
 
2010-04-04 00:01:03 | 好评(2) | 浏览(1142)
每一个网站管理者都希望他们的网站是最好的。总有一个原因让他决定建立一个网站。但不管原因是什么,无论是出于商业目的还是为个人使用,创造一个令人印象深刻的网站始终是主要目标。 如果您希望您的网站看起来更专业,这十个技巧可能给您很多帮助: 1 . 导航是关键 确...