CSS
响应式设计CSS3 Media Queries模板
上次写了一篇响应式文章的概述，很多朋友就问有没有模板提供呢？ 用3个步骤实现响应式网页设计 下面给大家介绍一下常用的模板。 CSS3 Media Queries模板 CSS3 Media Queries一般都是使用“max-width”和“min-width”两个属性来检查各种设 […]
CSS样式表中的样式覆盖优先顺序
有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题，如下 1 2 3 4 5 6 7 8 9 10 11 #navigator { height: 100%; width: 200; position: absolute; left: 0; […]
CSS让文字半透明显示在图片上的两种效果
CSS让一行文字显示在图片的底部，用来说明图片的内容，当作图片标题，标题文字和背景可以设置半透明，鼠标经过图片时边框换色。 代码预览 <head> <meta http-equiv="Content-Type" content="t […]
用3个步骤实现响应式网页设计
写在前面的话 随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。 文中提到的响应式网页设计（Res […]
div子元素浮动时高度不会自动撑开的问题
div内部元素是浮动的，比如div中有左右两个div并列，查看生成的页面后，父div的height被设置为0，即使div的height设置为100%也没有用。 现在我们来看看那效果，假如有四个层DIV，两个父层，两个子层。 1 2 3 4 5 6 7 8 9 10 11 12 & […]
超链接中rel=“external nofollow”和rel=“nofollow”的区别
今日换友链在同行的wp博客的述评代码处发觉了”external nofollow” 标签，nofollow标签面前多了一个external，汉字意思为：外部的意思。于是就查寻了下有关资料，而后就写了这一篇文章。 查了下自己这个网站www.limingkai.com的源代码，发现代 […]
Css中box-shadow属性实现曲线投影纸张效果
一般的投影效果，尤其通过CSS实现的投影效果（无论是CSS3，还是IE滤镜），都是直来直往的。纸张是有卷角的，其投影就是曲面的。 首先，曲线投影的终效果其实是多投影重叠的效果：一点点倾斜的投影重叠一个直直的投影。 一般的直来直往的投影显然是使用box-shadow属性就可以搞定了 […]
用border-radius做圆和奥运五环的的效果
语法： border-radius: 1-4 length|% / 1-4 length|%; 相关属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , bor […]
IE6下背景图片不透明BUG的解决方案
最近发现在IE6下不能正常显示PNG图片，这让我很苦恼。使用PNG图片的透明或半透明的特性能做出非常漂亮的网页来，在Firefox和Opera中对PNG的支持都非常的好，但是IE却无视PNG图片这一特性的 “存在”，虽然IE7已经支持可IE6还是不行。查了一些资料，基本解决了这一 […]
CSS实现Div层背景半透明而内容不透明的效果
前几天有一个学弟问我，怎么样能实现Div层背景半透明而内容不透明的效果呢，他写的效果不管怎么调试都是div层里面的内容是透明的。我想了一下，用浮动层可以做到啊，下面是代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 […]