CSS

经典的IE6的高度问题-div默认存在3个像素高

jerry CSS
描述:有一个div,宽高都是10px,font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。div默认存在3个像素高,由font-size引起的。 所以解决办法

div+css实现的小三角tip小提示(原理及代码)

jerry CSS
div+css实现的小三角tip小提示(原理及代码)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...
阅读全文

div css 实现tabs标签的思路及示例代码

jerry CSS
1、创建页签,以及页签内容的div。 2、编写被选中的页签和页签内容div显示、隐藏的样式。 3、编写js方法,根据被选中的页签,显示相应的页签内容。 例如: <!doctype html> <html lang="zh-cn"> <he

cursor:hand与cursor:pointer的区别介绍

jerry CSS
cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标变成手行。 cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。 cursor:pointer :是CSS2.0的标准。所以firefox是支持的,

适合新手的CSS网页布局小技巧整理

jerry CSS
对CSS网页布局的技巧,可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来,或许对您更有实际的参考价值: 1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符

CSS层叠样式表的层叠是什么意思(自我理解)

jerry CSS
解答一: 层叠指的是样式的优先级,当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式(除非使用!important标记 )2. id选择符>(伪)类选择符>元素选择符3. 权重相同时取后面定义的样

使用css的background:url设置背景图方法

jerry CSS
html,body { margin:0; padding:0; height:100%; font-family:"Times New Roman" /**/ background:url(images2/bg2m.jpg);...
阅读全文

css实现的圆角效果带有注释

jerry CSS
圆角注释 /** *这个圆角的思路在于,用缩小化的视觉感受体现的,其实每一个弯角是用两个像素的"-"与一个像素的"."与两个像素的"|"实现的. *b1与b1b相对,通过背景来制作边框 *b2与b2b相对,通过border-width:2px制作

去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景

jerry CSS
去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小 1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色

css固定宽度并且让最后一行文字换行

jerry CSS
css固定宽度并且让最后一行文字换行
今天群里有人问了个问题:在固定宽度的块级元素中,里面的内容最后一词组在宽度不够的情况下没有换行,如何让它换到下一行?这里我整理了下群里的方法,分享给大家。 首先给出问题,截图如下: html 代码: <!DO