之前的不适用图片创建的对话气泡,需要一大段的JS代码,然后插入DOM里面很多的元素,还得要很多CSS,看起来很不爽。 CSS3开始改变我们的生活了。现在要创建一个在个浏览器下面都看起来不错的对话浮层就简单了很多,一个HTML元素,一些CSS3代码,不需要图片,也不需要Ja...
之前曾经有过以表格的形式分析CSS2选择器对浏览器的支持情况,本文就日常常见的一些css选择器进行一个总结(本文在标准模式下)。 1)关于:active,:link,:hover,:visited伪类 在css1的规范中,这四个伪类仅作用在a 标签上。在后来的所有浏览器中都是支持a标签的这个属性...
很有创意的设计,用css3制作遨游浏览器的LOGO,具体方法如下: 实现方法: 先画一个外框 width: 240px; height: 240px;border-radius: 120px; 填充背景色background:#b1e4ff; 描边border:2px solid #789cb6; 加阴影box-shadow: 5px 5px 7px #999; 给该死的f...
我们来一起看一下CSS中的继承与优先级问题,下面是简单的总结,大家可以看一下。 首先我们来看看继承: 1) 所有的text 相关属性都被继承:如 font-family font-size; font-style;font-weight;font;font-variant;letter-spacing.line-height;text-align text-indent; text-...
本文是翻译google的高效css写法一文的中文译文,希望能给大家带来更多css的了解。 使用高效的css样式 总体 避免一些低效的key selectors去匹配大量的元素能够加速页面的展现 。 细节 当浏览器解析html的时候,它构造了一个文档树来展现所有被显示的元素。 ...
作者要实现类似QQ空间里的发光文字效果,可是无论怎么样都不显示,我们来一起分析一下原因。 在标准模式下 <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/htm...
css中的浮动布局我们使用的非常频繁,一般都是应用在图文混排中,我们这里再深入了解一下浮动布局。 浮动在历史上最初是做什么的? 在最开始的web发展初期,只有一些很简单的文字和图片的布局,其中文字环绕图片怎么办呢?聪明的css开发者就发明了一个flo...
CSS入门教程,本文我们来介绍一下另外一个家庭成员border color。大家都知道css中的border属性是经常用到的,其写法很简单,如:border:2px solid #333;border color和这有所不同,是不能简写的。 当前浏览器支持情况:Firefox border color写法说明: -moz-border-...
如何让iframe的背景透明,iframe百度百科里是这样解释的:IFRAME 元素也就是文档中的文档,或者像浮动的框架(FRAME)。本文我们将学习一种方法让iframe的背景透明。 iframe的背景颜色在IE下为window的当前窗口颜色(默认白色,可以在显示外观处对其进行设置),这导致在...
IE&FF浏览器 css hack集,不知道css hack的朋友可以看下【DIV+CSS入门教程】CSS Hack 1.‘9’: eg:.test { color/***/: blue9 } .header {width:300px;} /* 所有浏览器*/...