Welcome

首页 / 脚本样式 / CSS

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

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

css font缩写总结附实例

2017-02-06 34
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缩写示例

2017-02-06 41
下面用一些比较常用的属性来做示例。 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来控制图片显示大小的代码

2017-02-06 35
复制代码 代码如下:img,aimg{ border:0; margin:0; padding:0; max-width:590px; width:e­xpression（this.width>590？"590px":this.width）; max-height:590px; height:e­xpression（this.height>590？"590px":this.height）; } ...

css下划线颜色一句话代码

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

css常见问题解决方法小结

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

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

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

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

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

文本框css关闭输入法

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

CSS文字截取功能实现代码

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

css Hspace 和vspace的图片控制实例

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

css列表前的小方块

2017-02-06 34
自己用个符号·来代替，却发现怎么显示都比较小，后来自己研究才发现我的字体全部定义成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挡住的设置方法

2017-02-06 30
<paramname="wmode"value="opaque"> 改成: <paramname="wmode"value="transparent">...

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

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

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

2017-02-06 47
<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垂直居中

2017-02-06 36
最后感谢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的区别

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

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

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

CSS 浮动清理，不使用 clear:both标签

2017-02-06 34
例如： <divstyle="background:#666;"><！--floatcontainer--> <divstyle="float:left;width:30%;height:40px;background:#EEE;">SomeContent</div> </div> 此时预览此代码，我们会发现最外层的父元素floatcontainer,并没有显示。这是因为子元素因进行了浮动，而脱离...

发一个css比较清爽的写法

2017-02-06 32
所以我的做法是像这图片一样 到时候页面改起来也很简单,两个相对应的页面上这样...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图