在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用。第一种形式: 通过更换显示样式实现，这种很常见，就不多说了。Css代码新闻评论技术点评新闻...
分类：
Web程序 时间：
2014-08-25 19:02:54
阅读次数：
218
把图片的浏览链接集中安排在图片的主页面里，当用户点击某个图片的链接就能在当前网页显示css:代码ul,li{margin: 0;padding: 0}body{font-family: "Helvetica","Arial","serif","微软雅黑";color:#333;background-...
分类：
Web程序 时间：
2014-08-24 23:33:23
阅读次数：
410
今天自己用 HTML/CSS 做了个类似QQ的聊天气泡，下面是效果图：
下面说下关键地方的样式设置，然后贴出html和css代码（不多）。
步骤1：布局
消息采用div+float布局，每条消息用一个DIV标签包裹，里面再放两个DIV分别用来包裹用户图标和用户消息内容。
左边消息，先清除浮动，然后设置 float：left，这样用户图标和消息内容就可以显示在同一行了，其...
分类：
其他好文 时间：
2014-08-23 15:25:21
阅读次数：
240
CSS 性能调优CSS 代码的分析与渲染都是由浏览器来完成的，所以，了解浏览器的 CSS 工作机制对我们的优化有至关重要的作用。这篇文章我们主要从如下几个方面入手来介绍一下 CSS 的性能优化：Style 标签的相关调优特殊的 CSS 样式使用方式CSS 缩写CSS 的声明CSS 选择器把 Styl...
分类：
Web程序 时间：
2014-08-22 19:20:59
阅读次数：
296
这是效果图，边框会不停的闪，兼容各种浏览器HTML代码： 立即搜索 CSS代码：@charset "utf-8";/* CSS Document */b...
分类：
Web程序 时间：
2014-08-22 12:22:16
阅读次数：
233
Css sprite做为一个前端人员来说必须要掌握，但是这个对于刚学习的同学来说是由困难的，下面我就专门为这个内容做一次分享，这里没有网络图片地址，若内容显示不全面你可以到我的个人博客中?1. [代码][CSS]代码 CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许....
分类：
Web程序 时间：
2014-08-21 18:57:54
阅读次数：
301
/* 设备竖屏时调用该段css代码 */ @media all and (orientation : portrait){ body{ background-color:blue; } } /* 设备横屏时调用该段css代码 */ @media all and (orientation : la.....
分类：
移动开发 时间：
2014-08-21 18:34:54
阅读次数：
345
效果图： css代码：img{ width:30px; height:30px; border-radius:50px;}
分类：
Web程序 时间：
2014-08-20 13:58:12
阅读次数：
269
xHTML+div经常考题：三个div,两边div宽度固定，中间div宽度自适应。和大家分享一个实现方式：1.html代码1 左栏固定宽度为200px2 右栏固定宽度为200px3 中间自适应宽度2.css代码 1 body{ 2 font-size:12px; 3 margin:0...
分类：
Web程序 时间：
2014-08-20 12:01:52
阅读次数：
178
