css样式控制
关注
分享
扫一扫
文章平均质量分 58
brock
喜欢编程
展开
-
css样式之初级版
A { COLOR: #333; TEXT-DECORATION: none}A:hover { COLOR: #333; TEXT-DECORATION: underline}UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYP原创 2009-04-28 13:19:00 · 537 阅读 · 0 评论 -
CSS中的margin与padding有什么区别呢
margin 外边距border 边框padding 内边距也就是说 设置margin 那么他所占据的空白地方会是在边框外面设置padding 他所占据的空白地方是在边框里面而且在IE6 一下的版本中 存在这padding 计算错误的BUGCSS 的宽度属性本来是不包含padding的 但是 在ie下面有的时候宽度是包含padding 所以 建议在不熟悉CSS 在定位的时候 都用margin属性原创 2010-05-18 11:17:00 · 525 阅读 · 0 评论 -
判断 ie，firefox浏览器
判断 ie，firefox浏览器原创 2010-07-11 01:57:00 · 453 阅读 · 0 评论 -
页面title的闪动效果
var tx = new Array ("【新短信】新卓越之剑海象咖啡馆社区","【 】新卓越之剑海象咖啡馆社区");var index = 0;function animatetitle(){ window.document.title = tx[index]; if(index == 1) { index = 0; } else {原创 2010-04-30 16:23:00 · 586 阅读 · 0 评论 -
全国哀悼日网页变灰色的CSS代码
【简 介】为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码. html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装.建议全原创 2010-04-22 11:32:00 · 1215 阅读 · 0 评论 -
关于ie7和ie6 中div自动高度的问题
在div中设置样式:{background:url(/images/line_t.gif) no-repeat top; color:#5F3E0B; line-height:24px; padding:20px 25px 20px 25px; height:400px;} 由于默认高度为400px，在ie6中div的高度可以自动增加，但是ie7中却不可以，请叫原创 2010-04-10 16:42:00 · 530 阅读 · 0 评论 -
ie8下网页不居中
今天在做东西的时候又碰到了，新手常常遇到而且很头痛的问题：网页不居中。加了margin:0 auto;在IE7，火狐下居中了，IE8下还是不行。代码如下：body{margin:0px;padding:0px;background:#faeddf;}#head{margin:0px auto; padding:0px;width:918px;height:25px;}.headLeft{w原创 2010-04-10 14:14:00 · 787 阅读 · 0 评论 -
firefox中垂直居中的问题
input内文本垂直居中——IE和Firefox兼容按照W3C的标准，只要定义input{ vertical-align: middle;}就可以使文本在input文本框内垂直居中，但是浏览器在这方面都表现的不够完美，所以只能通过其他方法来解决主要浏览器中的居中问题。 详情：1、定义input的高和行高，可以在IE下实现input内文本的垂直居中，但是Firef原创 2010-04-16 14:10:00 · 1102 阅读 · 0 评论 -
firefox清除浮动
方法一：.clearFix{*zoom:1;}.clearFix:after{content:"."; display:block; height:0; clear:both; visibility: hidden;}方法二：.clearFix{overflow:hidden; zoom:1;}自己写的 清除ie6,ie7,ie8.firefox的类.clearfloat { clear:原创 2010-04-16 14:04:00 · 574 阅读 · 0 评论 -
css中padding和margin的详细区别
本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键.注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样的词语, 由于在编写css代码时, 必须使用margin和padding, 如果我们总用汉语词语代原创 2010-05-18 11:22:00 · 664 阅读 · 0 评论 -
cellspacing的用法
定义和用法 cellSpacing 属性可设置或返回在表格中的单元格之间的空白量（表格中各个单元格之间的距离）（以像素为单位）。 语法 tableObject.cellSpacing=pixels实例 下面的例子更改了表格的 cellSpacing： function spacing() { document.g原创 2010-05-22 11:55:00 · 1659 阅读 · 0 评论 -
CSS背景(background)的基本用法
背景(background)是css中重要的的部分，也是需要知道的css的基础知识之一。这篇文章将会涉及css背景(background)的基本用法，包括诸如 background-attachment 等的属性，也会介绍有关背景(background)的常用技巧，以及 css3 中的 背景(background)(包含4个新的背景(background)属性)。css2 中的背景(backg原创 2012-03-05 17:09:19 · 1616 阅读 · 0 评论 -
6条建议帮助你开发优秀Web应用程序
注：这篇文章由Greg和Adrian发表于2011年11月16日。它从分析传统的Web设计入手，指出传统设计中容易被忽略的细节，并给出了6条中肯的建议。译者认为这篇文章将会给Web设计师带来更美妙的设计体验及更多的灵感。设计Web应用程序比设计网站更具有挑战性。设计师需要对用户的行为作出预期，使用户的生活更便捷，并且尽可能使产品的视觉体验吸引人。许多设计师倾向于使自己的体验更简便，而不是站在用原创 2011-11-27 13:28:56 · 520 阅读 · 0 评论 -
圆角组件css
<br />http://malsup.com/jquery/corner/ 圆角css原创 2011-02-03 11:16:00 · 417 阅读 · 0 评论 -
ie6 select无法被div遮盖的bug解决
ie6 select无法被div遮盖的bug解决原创 2010-11-05 11:12:00 · 632 阅读 · 0 评论 -
css
css原创 2010-10-26 16:08:00 · 449 阅读 · 0 评论 -
CSS网页布局强制换行和强制不换行的属性讲解
CSS网页布局强制换行和强制不换行的属性讲解原创 2010-06-24 13:03:00 · 593 阅读 · 0 评论 -
用cellspacing控制体现出来的table
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档.kk td{ background-color:#ffffff} 2 &nbs原创 2010-05-22 13:05:00 · 386 阅读 · 0 评论 -
cellpadding的用法和定义
cell -- 一个小格 pad -- 垫子 在HTML语言中cellpadding 用于，cellpadding=10的意思就是在原有小格的基础上沿四边各加上10 个点子宽度，也就是把原来的小格变大，但原来写的内容占的大小范围不变。 举个例子： 下面是一个完整的HTML,你可存为 a.html 你可用notepad 编辑，修改cellpadding=10的原创 2010-05-22 11:59:00 · 1964 阅读 · 0 评论 -
IE6下DIV高度显示的Bug
IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高原创 2010-04-13 23:57:00 · 454 阅读 · 0 评论 -
在dreamweaver中如何设置字间距?
"letter-spacing" 在css里面设置原创 2010-02-27 11:28:00 · 10033 阅读 · 0 评论 -
javascript实现屏幕右下角弹出信息提示框
右下角弹出提示信息框-php自学网 #rbbox{ position:absolute; right:0; bottom:0; width:300px; height:0px; overflow:hidden; } .button{ display:inlin原创 2009-05-07 11:39:00 · 2082 阅读 · 0 评论 -
div 上移下移技术
作者地址：http://www.52hai.com/2005/article.asp?id=1861要移到中间，就有上移与下移 .a7container {FLOAT: left; WIDTH: 385px; POSITION: relative}.a2 {FLOAT: left; WIDTH: 385px; POSITION: relative;}#rc4 {BACKGRO原创 2009-05-07 10:33:00 · 2784 阅读 · 0 评论 -
弹出层，效果代码
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">-body {margin:0px}#Loading {position:absolute;z-index:10;left:10px;top:10px;border:1px #666666 solid;backgroun原创 2009-05-07 10:17:00 · 532 阅读 · 0 评论 -
运用AJAX实现右下角弹出提示框 示例
作者：http://hi.baidu.com/yehaiping1214/blog/item/de26fc09a4ba6fc73bc763cc.html//定义XMLHttp实例 var xmlHttp; function createXMLHttpRequest(){ //开始初始化XMLHttpRequest对象 if(window.Ac原创 2009-05-05 10:33:00 · 783 阅读 · 0 评论 -
比较实用的网页弹出层
一个弹出层的问题~就是那个仿51JOB效果的弹出层首先感谢那位兄弟,谢谢我想封装成一个比较实用的弹出层就是只更改addrHTML()函数就可以改变弹出层的内容我不会,感谢各位JS大大们帮助一下,谢谢http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档* {margi原创 2009-05-05 09:54:00 · 2306 阅读 · 3 评论 -
CSS样式表全揭密
BODY { margin: 0px; color: #333333; background-color: #84BFE9; background-color: #006699; font-family: Verdana, Arial, 宋体; font-size: 9pt; text-decoration: none; scrollbar-face-color: #377ED0; scr原创 2009-04-30 16:48:00 · 528 阅读 · 0 评论 -
CSS 怎么让弹出层位于鼠标下面
作者地址：http://hi.baidu.com/030927/blog/item/fd5e9e38667595f7b211c75a.html New Document //在鼠标显示一个层，该层的内空为div2的内容 function showTip(){ var div3 = document.getElementById(div3); //将要弹出的层 div3.style.原创 2009-05-05 10:08:00 · 711 阅读 · 0 评论 -
简单弹出层实例
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 弹出层 body{ margin:0px; padding:0px;} #cover{ position:absolute;top:0px;left:0px;width:100%;height:100%;backg原创 2009-05-05 09:36:00 · 530 阅读 · 0 评论 -
window.open()打开新窗口 定位有感
经过半天的调试 发现function ajk(){window.open(Untitled-2.html,neworder,toolbar=no,location=no,status=no,menubar=no,directories=no,scrollbars=no,alwaysRaised=no,top=400,left=0,width=300,height=200);}原创 2009-05-07 14:12:00 · 1105 阅读 · 0 评论 -
网页特效大全
网页特效大全:http://my.zolsky.com/wytx/http://www.codefans.net/jscss/code/860.shtml原创 2009-05-08 17:32:00 · 401 阅读 · 0 评论 -
让你的网站 IE8浏览自动用IE7兼容模式
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。新的IE为了确保网页在未来的版本中都有一支的外观，IE8引入了文件兼容性。当你引入一个增设的原创 2009-10-16 23:01:00 · 715 阅读 · 0 评论 -
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如margin-left:10px !important;/*IE7,IE8,FF下是10PX*/;margin-left:5px;/*IE6下属性写的是5PX，但在显原创 2009-10-16 23:27:00 · 1068 阅读 · 2 评论 -
javascript判断汉字的四种方法
字号：大 中 小 方法一：最笨的，最容易理解的，且可以随意设置要排除的字符function isChinese1(str){var badChar ="ABCDEFGHIJKLMNOPQRSTUVWXYZ";badChar += "abcdefghijklmnopqrstuvwxyz";badChar += "0123456789";badChar += " "+" ";//原创 2009-10-16 10:29:00 · 1370 阅读 · 1 评论 -
CSS小结：一行内文本超出指定宽度溢出的处理-DivCSS教程
看到标题你一定很轻易就会想到截断文字加“...”的做法。哈哈，就是这样。其实写这篇日志也只是把这样方法做个记录，因为似乎还有很多人不记得碰到这样的情况该如何处理。 一般的文字截断（适用于内联与块）：Example Source Code [www.mb5u.com].text-overflow {display:block;/*内联对象需加*/width:31em;word-bre原创 2009-10-10 01:54:00 · 784 阅读 · 0 评论 -
table 样式控制
.tblist1 table { border-top:1px solid #CCC; border-right:1px solid #CCC;}.tblist1 table td { border-bottom:1px solid #CCC; border-left:1px solid #CCC;}然后 引用时原创 2009-05-21 23:20:00 · 506 阅读 · 0 评论 -
老外版css样式 控制圆角
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 老外用纯CSS实现的圆角 - http://www.codefans.net> .xsnazzy h1, .zsnazzy h1 { margin:原创 2009-05-15 22:55:00 · 513 阅读 · 0 评论 -
table版css无图片圆角
td{font-size:9pt;word-break: break-all}#corner{font-size:1px}#tit{height:20px;color:white;}#txt{font-size:9pt;line-height:150%;background:white;border-width:1px;border-style:solid}.l,.r,.tl,.tr原创 2009-05-15 22:43:00 · 2100 阅读 · 0 评论 -
background属性 设置有感
实例http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档.abc{ background:url(1.jpg) -99px（left 坐标为负） -44px( top 坐标); /* 注意：background-image不行*/ width:500px; /*原创 2009-05-12 15:23:00 · 572 阅读 · 0 评论 -
div垂直居中的N种方法
在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的、、等，而像、这样的元素是没有valign特性的，因此使用vertic原创 2012-04-22 11:43:06 · 1051 阅读 · 0 评论