CSS
cindylu520
追求完美的自己
展开
-
12种CSS BUG解决方法与技巧
CSS bug是布局中最头疼的问题。我们需要兼顾各种浏览器,以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。轻松的解决CSS bug是我们必须掌握的技能。现在整理出最常用的12种CSS BUG解决方法以及CSS BUG类的小技巧。一、 针对浏览器的选择器这些选择器在你需要针对某款浏览器进行css设计时将非常有用. * html...原创 2010-01-25 13:30:33 · 149 阅读 · 0 评论 -
了解CSS的查找匹配原理,让CSS更简洁、高效
用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?看1个简单的CSS: DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所有p元素,然后再查找所有span元素,当发现有span的class为red的时候,就应用该style。多么简单易懂的原理,可是...原创 2010-06-08 17:30:33 · 114 阅读 · 0 评论 -
30个基于CSS的导航和按钮优秀设计教程
CSS导航及菜单教程01.高级CSS菜单 : Webdesignerwall 02.导航教程 : Ehousestudio 03.技巧: 为Wordpress导航使用滑动门 : Wphacks 04.: Howtocreate 05.下拉式 : Dave-woods 06.横向动画标签 : Dyna...原创 2010-05-20 16:20:21 · 109 阅读 · 0 评论 -
Advanced CSS Menu
This tutorial I will show you how to slice up the menu design (step by step) and put them together with CSS. Most of you probably know how to code a horizontal or vertical CSS list menu. Now let’s tak...原创 2010-05-20 15:59:44 · 161 阅读 · 0 评论 -
5个CSS3新技术
CSS是众所周知且应用广泛的网站样式语言,在它的版本三(CSS3)计划中,新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些 效果,但了解它们还是必须且很有趣味性的。这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。 1:基本标记 在我们开始这个教程之前,先来创建整个教程都要使用的基本标记。我们的xHTML需要一下d...原创 2010-05-20 15:40:17 · 162 阅读 · 0 评论 -
深入了解css的行高Line Height属性
什么是行间距? 古时候我们是用印刷机来处理文字,印出来的每个字都位于独立的一个块里。 行间距,即传说中控制两行文字之间垂直距离的东东。 在CSS,line-height被用来控制行与行之间的垂直距离。 不过行间距与半行间距还是取决于CSS中的line-height。 那么如何来使用line-height? 默认状态,浏览器使用1.0-1.2 line-height .这是一个初始值。...原创 2010-05-20 11:24:37 · 1275 阅读 · 0 评论 -
A标签 分析
a {color:black;cursor:pointer;} a:hover {text-decoration:underline; color:red;} a:link { text-decoration: none;} a:active { text-decoration:blink;color:purple;} a:visited { text-decoration: none;c...原创 2010-05-20 10:02:04 · 95 阅读 · 0 评论 -
div 显示与隐藏
最近写项目用到DIV隐藏,以下引用http://www.cnblogs.com/dotLive/archive/2007/04/04/699302.html visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。可以保存下面的代码看看效果:具体步骤:代码示例:<div style="border:1px solid #000;background:#eee"...原创 2010-05-19 19:55:47 · 82 阅读 · 0 评论 -
网页设计技巧:CSS布局调试的有效方法
网页设计中CSS布局是很重要的部分,下面介绍几种检查调试CSS布局的有效方法。 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS...原创 2010-05-19 09:31:12 · 129 阅读 · 0 评论 -
IE和火狐常见的css区别汇总
1. Div居中问题 div设置 margin-left, margin-right 为 auto 时已经居中, IE 不行,IE需要设定body居中, 首先在父级元素定义text-algin: center; 这个的意思就是在父级元素内的内容居中。 2.链接(a标签)的边框与背景 a 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。...原创 2010-01-26 13:36:21 · 73 阅读 · 0 评论 -
CSS网页布局时常犯的几种小错误
CSS网页布局时常犯的几种小错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误...原创 2011-11-29 16:08:16 · 92 阅读 · 0 评论