随笔分类 - CSS
IE与Firefox的CSS兼容【转】
摘要:1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加...
阅读全文
span width; display; float;
摘要:代码一: 新闻标题2006-5-27 代码二: 新闻标题2006-5-27 为什么加上这一句,span的宽度失效了? span不是块级的所以其宽度是依据内容的多少而定,你必需要设定span为BLOCK这样才可以设置宽度! 新闻标题2006-5-27 首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)...
阅读全文
CSS盒模型(Box Model)问题详解
摘要:width和height定义的是Content部分的宽度和高度,padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时,IE6中box左右的margin会加倍.W3C定义的盒模式如下: width和height定义的是Conten...
阅读全文
css 中 float 和 clear
摘要:定义float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 浮动非替换元素要指定一个明确的宽度;否则,它们会尽可能地窄。 注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。 继承性:NoJavaScript 语...
阅读全文
css 小技巧
摘要:● 加重语气 产生字体加粗 Bold 的效果 ● 粗体标记 产生字体加粗的效果 ● 强调标记 字体出现斜体效果 ● 斜体标记 字体出现斜体效果 在合法有效的HTML代码,编辑器会造成HTML冗余臃肿问题:如FrontPage、Dreamweaver,可以帮助我们简便快速地创作或编辑HTM...
阅读全文
如何控制层在某个时间显示或者隐藏
摘要:如何控制层在某个时间显示或者隐藏 解决思路: 从上例中我们掌握了控制层的隐藏与显示的方法,现在要解决的就是计算在六秒(假设值)后执行隐藏层的代码。 具体步骤: 1.插入广告代码(在层内) 在这儿插入你广告代码 2.插入控制层在网页加载完成后6秒隐藏的JavaScript脚本。 3.完整代码。 广告代码 注意:在本例中脚本函数需要用onload事件来触发,否则可能...
阅读全文
如何让某个区域出现滚动条
摘要:body和textarea元素在内容超过一屏时会自动出现滚动条,但其它对象不会自动出现,需要自己定义overflow属性。 技巧:如果只想控制x轴或者y轴方向上的滚动,用overflow-x或overflow-y,可选值与overflow相同。 提示:有时出于特殊需要,可能会强制出现滚动条或者强制隐藏滚动条,那就要用到scroll(强制出现)和hidden(隐藏)。 特别提示 代码运行效果...
阅读全文
SPAN元素和DIV元素有什么区别
摘要:最明显的区别是:DIV是块元素,SPAN是内嵌元素。 块元素相当于内嵌元素在前后各加一个换行。其实,块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display:block就成了块元素了。 代码示例: div1div2 span1span2 div3 div4 span3 span4 技巧:有些朋友会说DIV...
阅读全文
浙公网安备 33010602011771号