CSS资料,CSS文章,CSS文档-易库教程

有关于IE8 Beta 1两个提醒

2016年07月27日 54 阅读

IE5MAC的过滤器对IE8Beta1版同样有效 IE8Beta1版不支持截字省略，也就是说不支持CSS3中的text-overflow:ellipsis; 关于第一条可能对大家影响不大，不论怎么说MAC下用IE的人实在是太少了，好处是可以让我们针对IE8再写个专门的CSS样式表。如果还不知道IE5/MAC过滤器的朋友可以把下面这个代码复制到自己的CSS样式表中，然后再写个叫“ie5mac.css”的样式表。不过大家可以把这个IE5MAC改为IE8WIN。...

CSS 首字母大写代码

2016年07月27日 58 阅读

.post-bodyp:first-letter{color:#444;display:inline;float:left;font:3.1emGeorgia,arial;text-transform:uppercase;margin:00.12em00;} 有两个注意的！ p:first-letter 表示p标记下面第一个字母执行 text-transform:uppercase; ...

CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载

2016年07月27日 61 阅读

对于每一个Webdeveloper来说，浏览器的兼容都是个大问题，其中Firefox和IE又是最主要的用户浏览器。一般我们会安装不同的浏览器来进行测试，Firefox用户则可以使用IEtab这人扩展来进行调试。现在，你可以试试下面这个应用程序，或许能为你的开发工作带来不少方便，界面就像Dreamweaer之类的，左边显示CSS代码编辑区，右边分两栏显示IE和Firefox下的调试效果。当然，布局肯定是可以调整的。这个程序也可以用来调试你的网页在IE和F...

css font缩写总结附实例

2016年07月27日 52 阅读

font的缩写，如果省略family，如这样子： font:70014px/22px; 则在Firefox下是不生效的完整的写法是：font:70014px/22pxarial; .login_top{height:26px;font:bold 14px/26px "宋体"; border:1px solid #000} .login_top2{height:26px; line-height:26px; font-weight:bold;font-...

css下margin、padding、border、background和font缩写示例

2016年07月27日 65 阅读

下面用一些比较常用的属性来做示例。 margin margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px; 代码简化为：margin:1px margin-top:1px; margin-right:2px; margin-bottom:1px; margin-left:2px; 代码简化为：margin:1px2px margin...

用CSS来控制图片显示大小的代码

2016年07月27日 56 阅读

复制代码代码如下:img,aimg{ border:0; margin:0; padding:0; max-width:590px; width:expression（this.width>590？"590px":this.width）; max-height:590px; height:expression（this.height>590？"590px":this.height）; } ...

css下划线颜色一句话代码

2016年07月27日 54 阅读

复制代码代码如下:a.fenhong:link,a.fenghong:visited{border-bottom:1pxsolid#FF2E7E;}...

css常见问题解决方法小结

2016年07月27日 55 阅读

1.检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2.检查CSS是否正确检查一下有无拼写错误、是否忘记结尾的}等。可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 3.确定错误发生的位置如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置...

relative absolute无法冲破的等级问题解决第1/3页

2016年07月27日 55 阅读

前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题：复制代码代码如下:<ul> <li>第一块</li> <li><span>第二块</span></li> <li>第三块</li> <li>第四块</li> <li>第五块</li> </ul>如果我我们设定LI为p...

div总是被select遮挡的解决方法

2016年07月27日 97 阅读

<html> <head> <metahttp-equiv="Content-Type"c> <title>div被select遮挡的解决方法——脚本之家</title> </head> <body> <iframestyle="position:absolute;z-index:9;width:expression （this.n...

文本框css关闭输入法

2016年07月27日 54 阅读

先点这个输入中文，以让输入法出来：然后再点下边这个，看看是不是输入法被关闭了呢？本文字框输入法被关闭：语法： style="ime-mode:disabled" 范例： <input type="text" name="jb51.net" style="ime-mode:disabled">...

CSS文字截取功能实现代码

2016年07月27日 55 阅读

好处是：兼容IE，firefox，Opera; 有利于内容完整性;有利于SEO; 无需后台程序处理; 可以在前台随时调节要截取的长度。不好的地方：不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。另外在设置截取宽度的时候，要注意，尽量让文字截取完整。 Quote: <！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/...

css Hspace 和vspace的图片控制实例

2016年07月27日 55 阅读

当你觉得图片与文字距离太接近时，就可以使用此属性。图文间隔：Hspace和Vspace的设定 1.水平间隔：HSPACE。例如：<IMGhspace=10src="*.gif">（单位也是用像素（pixel）来计算的。） 2.垂直间隔：VSPACE。使用方法与HSPACE相同，在这里不多作介紹。例如：<IMGvspace=10src="*.gif">（离文字的水平距离，通常多少设一点以免靠文字太近。）当然你也可以把左右和上...

css列表前的小方块

2016年07月27日 64 阅读

自己用个符号·来代替，却发现怎么显示都比较小，后来自己研究才发现我的字体全部定义成tahoma了，只要采用“宋体”就正常了。列表前的小方块--design by 脚本之家 body{font:14px tahoma;} a:link,a:visited{text-decoration:none;font-family:"宋体";color:#999999;} a:hover{color:red;text-decoration:underline;...

解决div被flash挡住的设置方法

2016年07月27日 61 阅读

<paramname="wmode"value="opaque"> 改成: <paramname="wmode"value="transparent">...

firefox background-image垂直平铺问题的解决方法

2016年07月27日 60 阅读

ff下面复制代码代码如下:background-image:url（"main_bg.gif"）; background-repeat:repeat-y;必须指定height才能显示但是，大多数情况下都是动态高度于是设置下面的即可复制代码代码如下:overflow:auto;...

input file 不能更改value值的解决办法

2016年07月27日 51 阅读

<divclass="form-item"id="file-demo-wrapper"> <labelfor="file-demo">请选择文件:www.jb51.net</label> <inputtype="file"name="files[file-demo]"class="form-file"id="file-demo"size="40"/> </div> $（"#file-demo"）....

图片垂直居中之姊妹 DIV垂直居中

2016年07月27日 62 阅读

最后感谢raozou分享效果代码！ [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]说明:这段代码没有文档类型和命名空间的申明,我已试过,如果加上,蓝色方快儿将位于顶部且一部分被浏览器隐藏,大家可以试试！此外,FF不支持expression. DIV垂直居中 #menu {position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -150px;color:...

div的dispaly:inline样式和span的区别

2016年07月27日 58 阅读

不是说用了display:lnline就变内联原素了吗为什么还和span有区别更奇怪的是ff里面执行就没区别 xxx xxx xxx xxx 我是没有间隔的伟大的hutia，挖哈哈哈 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]IE中回车是作为一个空格处理的，挖哈哈哈...

CSS控制图片大小-适应宽度

2016年07月27日 64 阅读

不知道家有没有遇到过这样的情况：在CSS控制图片大小时，如果把图片的宽度写死，比如img{width:500px;}，固然，如果图片宽度大于500px可以很好的控制它不让它过大，但如果图片宽度小于500px，比如说只有100px时，刚才的写法会把这张图扩大5倍显示，显然，这不是我们想看到的。那么，CSS如何可以区分对待这些图片设置大小呢？很简单，请看：复制代码代码如下:img{width:expression（this.width>500？"50...

首页 / 脚本样式 / CSS

有关于IE8 Beta 1两个提醒

CSS 首字母大写代码

CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载

css font缩写总结附实例

css下margin、padding、border、background和font缩写示例

用CSS来控制图片显示大小的代码

css下划线颜色一句话代码

css常见问题解决方法小结

relative absolute无法冲破的等级问题解决第1/3页

div总是被select遮挡的解决方法

文本框css关闭输入法

CSS文字截取功能实现代码

css Hspace 和vspace的图片控制实例

css列表前的小方块

解决div被flash挡住的设置方法

firefox background-image垂直平铺问题的解决方法

input file 不能更改value值的解决办法

图片垂直居中之姊妹 DIV垂直居中

div的dispaly:inline样式 和span的区别

CSS控制图片大小-适应宽度

div的dispaly:inline样式和span的区别