css
文章平均质量分 58
twosecond
一切让我们一起学习吧!
展开
-
css 实现 图片链接 图片变换
td#td1 a { text-decoration:none; background:transparent url(images/1.jpg) no-repeat; display:block; width:260px; line-height:88px; } td#td1 a:hover { background:transparent url(images/1-1.jpg); displ原创 2009-07-08 14:50:00 · 2043 阅读 · 0 评论 -
CSS HACK(ie6-ie7-fox 兼容)
CSS HACK(ie6-ie7-fox 兼容) 区别IE6与FF: background:orange;*background:blue;区别IE6与IE7: background:green !important;background:blue;区别IE7与FF: background:orange; *background:green;区别FF转载 2009-06-24 13:21:00 · 3165 阅读 · 0 评论 -
IE6/IE7和Firefox对Div处理的差异
基本HTML代码 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Div Float Samplediv { margin:3px; }.d1 { width:250px; min-height:20px; border:1px solid #00cc00; }.d2 { width:13转载 2009-06-24 13:20:00 · 326 阅读 · 0 评论 -
主题:FF、IE7、IE6的CSS问题
1. !important 随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。用法如下: 1. !important 随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。用法如下:Htm转载 2009-06-24 13:19:00 · 1083 阅读 · 0 评论 -
CSS兼容IE6,IE7,FIREFOX的hack收集
CSS兼容IE6,IE7,FIREFOX的hack收集一种,是CSS HACK的方法注意顺序。程序代码 程序代码height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/下面是针对id或者是自定义的样式也属于CSS HACK,不过没有上面这样简洁。程序代码 程序代码#example {转载 2009-06-24 13:18:00 · 413 阅读 · 0 评论 -
css实现图片横向排列,溢出隐藏/滚动条横向拖动
关键样式: white-space:nowrap;/*内容横向排列不换行*/ overflow-x:auto; overflow-y:hidden;/*隐藏溢出部分。横向滚动条自动出现,纵向滚动条隐藏*/ 预览代码: css实现图片横向排列,溢出隐藏横向滚动 .inimg {width:670px;height:395px;white-space:nowrap;overflow-x:a转载 2009-06-24 01:17:00 · 5268 阅读 · 0 评论 -
用简单的css代码为相册图片加上漂亮阴影~~~转载自HackerPrince的空间
因为最近一直在弄MePHP CMS的相册系统,所以也就一直在研究如何能够让相册的图片显示的更好,于是就想到了为图片添加阴影效果,网上的图片阴影效果一般都是用背景图片或者是css的滤镜实现的,不过用滤镜在非IE内核的浏览器下一般就没有效果了,而用背景图片虽然能够得到较好的表现,但是一来不好控制(如果用固定的背景图片,则你要显示的图片大小也要固定),二来比较麻烦(如果要自适应图片的大小,则要用很多个背转载 2009-06-24 00:15:00 · 1287 阅读 · 0 评论 -
图片提交按钮
.anniu{ background-image:url(images/y.gif); font-size:0px; color:#FFFFFF; cursor:pointer; width:150px; height:70px; border:0px;}转载 2009-06-25 12:34:00 · 684 阅读 · 0 评论 -
adobe 参考手册 包
http://livedocs.adobe.com/flex/3_cn/langref/package-summary.html原创 2009-06-25 11:08:00 · 517 阅读 · 0 评论 -
CSS完美兼容IE6/IE7/FF的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK 以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)#wrapper{width转载 2009-06-24 13:21:00 · 577 阅读 · 0 评论 -
css 图片排列
ul.photo { list-style-type :none; width:60%;margin:0px 0px; padding:0px; }ul.photo li{ float:left; width:140px; height:120px; text-align: center; overflow: hidden; display:inline;原创 2009-06-24 01:13:00 · 1263 阅读 · 0 评论 -
图片设置方式
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http://www.w3.org/1999/xhtml" xml:lang="cn" > 未知大小图片在已知大小容器水平/垂直居中 .box {/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居原创 2009-06-24 00:18:00 · 385 阅读 · 0 评论 -
自定义checkbox大小(注:用CSS的ZOOM属性 )
原创 2009-06-25 11:02:00 · 724 阅读 · 0 评论 -
CSS:display:inline-block(行内块)的深入理解
在使用 CSS 实现表现的时候,会经常接触到 display:inline-block 这一属性,大都会对这一属性感觉很模糊。display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有:Opera、Safari。但很遗憾,最流行的 IE转载 2009-06-24 22:21:00 · 1049 阅读 · 0 评论 -
css 图片横排
ul.photo { list-style-type :none; width:60%;margin:0px 0px; padding:0px; }ul.photo li{ float:left; width:140px; height:120px; text-align: center; overflow: hidden; display:inline;原创 2009-06-24 01:28:00 · 1945 阅读 · 0 评论 -
用!important实现ie6的hack
以前对于!important这个属性不是很关注,也不是很清楚他的用处。刚才在老杨那看到他的一篇关于!important的应用,之后豁然开朗,原来!important也可以当做是ie6的hack。看例子:div{margin-left:20px;margin-left:40px;}上面是ie6的一个经典BUG----双边距BUG,就是说当一个层用到float,原创 2009-06-24 21:26:00 · 1022 阅读 · 0 评论 -
针对IE6,IE7,firefox的CSS hack写法
针对IE6,IE7,firefox的CSS hack写法:区别IE6与FF:background:orange;*background:blue;区别IE6与IE7:background:green !important;background:blue;区别IE7与FF:backgr转载 2009-06-24 22:13:00 · 721 阅读 · 0 评论 -
详细讲解CSS定位与定位应用
定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样。如果理清了定位的原理,那定位会让网页实现的更加完美。 . 定位的定义: 。 在CSS中关于定位的内容是:position:relative | absolute | static | fixed .. static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分转载 2009-07-04 01:17:00 · 611 阅读 · 0 评论 -
自定义checkbox大小(注:用CSS的ZOOM属性 )
转载 2009-07-04 00:54:00 · 10309 阅读 · 0 评论 -
鼠标滚轮程序以及CSS的zoom属性范例
top1=0;function document.onmousewheel(){if(event.wheelDelta>0)top1-=10;else top1+=10a.style.top=top1}转载 2009-07-04 00:53:00 · 967 阅读 · 0 评论 -
CSS 单位
尺寸单位描述%百分比in英寸cm厘米mm毫米em1em等于当前的字体尺寸。2em等于当前字体尺寸的两倍。例如,如果某元素以12pt显示,那么2em是24pt。在CSS中,em是非常有用的单位,因为它可以自动适应用户所使用的字体。ex一个ex既是一个字体的x-height。 (x-he转载 2009-07-04 00:48:00 · 425 阅读 · 0 评论 -
CSS精粹之布局技巧
1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见http://validator.w3.org 2.使用浮动功能时记得适当清除指令 浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况,请先确定您的做法是正确的。请参阅Eric Meyer在Complex Spi转载 2009-07-03 22:45:00 · 387 阅读 · 0 评论 -
CSS制作网页编写的提醒及小技巧整理
1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。3、一个兼容性调整(IE和Mozilla)的笨办法:初学可能会碰到这样一个情况:同样一个标签的原创 2009-07-03 22:40:00 · 468 阅读 · 0 评论 -
CSS学习精品网站推荐
目前网页标准已是大势所趋。正如原始的品网站点,下面的这些站点将一如既往地显示群聚的力量。 凝视世界顶尖WEB设计师的标准制作,感受标准的气氛,掀起学习标准的浪潮。 CSS设计师们,+U吧。CSS ZenGarden http://www.csszengarden.com/ CSS禅意花园是最富盛名的CSS设计陈列馆,DaveShea在创办之初是为了让网页设计师通过CSS样式表针对同一个Html转载 2009-07-03 22:40:00 · 645 阅读 · 0 评论 -
DIV+CSS网页布局及网站设计常犯错误
1、导航菜单使用图片、FLASH导航菜单使用图片、FLASH当然比纯文本来得好看一些,但是搜索引擎并不认识你的图片和FLASH。如果你非要使用漂亮的图片来做导航的话,可以使用背景替换的方法(我会在下次谈到这一个方法的);如果你要使用FLASH做导航,那我就没你办法了。建议做一个导航菜单链接的xml文提交到搜索引擎。2、不恰当地使用图片为了网页美观,经常会到处贴满图片,这样做是不正确的,转载 2009-07-03 16:34:00 · 588 阅读 · 1 评论 -
CSS单位
1.单位长度一个长度的值由可选的正号" + "或负号" - "、接着的一个数字、还有标明单位的两个字母组成。在一个长度的值之中是没有空格的,例如,1.3 em就不是一个有效的长度的值,但1.3em就是有效的。一个为零的长度不需要两个字母的单位声明。无论是相对值还是绝对值长度,CSS1都支持。相对值单位确定一个相对于另一长度属性的长度,因为它能更好地适应不同的媒体,所以是首选的。以下是有效的相对单位转载 2009-07-04 00:51:00 · 684 阅读 · 0 评论 -
jsp Ewebeditor使用说明
一、部署方式: 1、直接把压缩目录中的文件拷贝到您的网站发布目录下; 2、配置对应WEB-INF下文件,把eWebEditor文件夹下WEB-INF/web.xml中 defaultroot debugjsp Added to compile JSPs with debug info org.apache.jasper.servlet.JspServlet cl转载 2009-06-27 01:34:00 · 592 阅读 · 0 评论 -
jsp空间租用应该注意两个问题
租用JSP空间,应该主要考察如下两个问题:首先,能否提供试用。通过自己的试用,能对系统有个直观的了解,主要看JSP空间管理系统是否方便和稳定。如果不能试用,就pass掉吧!其次,JVM是否独享。对于使用Tomcat的虚拟主机来说,就是每个用户使用独立的Tomcat,如果多个用户共享Tomcat,这样的JSP空间很难稳定。转载 2009-06-27 01:18:00 · 912 阅读 · 0 评论 -
CSS让网页里的提交按钮变得更漂亮
你是不是觉得自己的主页不够靓丽,想让它有所改变呢?听说过样式表格吗?就是CSS,它就是那个能让你更为准确地控制网页的东东。让我们先来看两个例子: 1、把按钮的背景由灰色变成黄色,下面是代码:〈form method="POST"〉 〈input type="button" value="按钮" name="B1" style="background-color: rg转载 2009-06-25 13:21:00 · 2521 阅读 · 0 评论 -
css控制submit加载背景图片做提交按钮
.button1{font-size:12px;cursor:hand;width: 58px;height: 21px;background-color: #ffffff;background-image: url(images/baby/denglu_button.jpg);background-repeat: repeat;backgrou转载 2009-06-25 12:36:00 · 3401 阅读 · 0 评论 -
最全的CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧1.div的垂直居中问题 vertical-align:middle转载 2009-06-24 22:23:00 · 595 阅读 · 0 评论 -
纯CSS+HTML的CSS相册
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">CSS相册v2.0body{ margin:0; padding:0; font-size:12px; background: #333333; line-height:1.7; font-family:Verdana, "宋转载 2009-06-24 00:19:00 · 1413 阅读 · 0 评论 -
纯CSS的相册图片展示
CSS部分:a { font:bold 12px/20px "宋体",sans-serif; text-decoration:none;}#dyimgview { width:260px;}#dyimgview h3 { width:100%; margin:10px 0; overflow:hidden;}#dyimgview h3 a { display:block; width:20px转载 2009-06-24 00:17:00 · 821 阅读 · 0 评论 -
css design
www.52css.com原创 2009-05-29 02:32:00 · 434 阅读 · 0 评论 -
纯CSS圆角边框
CSS圆角 body { background: #fff; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px;}#container {background:#d8d8ee; width:600px; margin:15px; padding:20px;}.xsnazzy h1, .xsna原创 2009-05-29 02:20:00 · 394 阅读 · 0 评论 -
CSS圆角边框 纯CSS制作
http://www.52css.com/article.asp?id=428 #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;} #xsnazzy h1 {font-size:2.5em; color:#fff;} #xsnazzy h2 {font-size:2em;color:#06a; bor转载 2009-05-29 02:21:00 · 526 阅读 · 0 评论 -
43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程
在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的,很明显如果单从字面上去理解,DIV+CSS的网页就要全都是div,很明显是无法达到语义化标准的。彬Go也希望通过博客让所有读者正视代码语义化的重要性,请把”DIV+CSS”这个词从脑子中删除,用”x转载 2009-05-29 02:03:00 · 2640 阅读 · 1 评论 -
三种简洁的Tab网页选项卡
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">三种简洁的Tab网页选项卡-www.codefans.net body,div,ul,li{ margin:0 auto; padding:0;}body{ font:12px "宋体"; text-align:center;转载 2009-05-29 02:35:00 · 690 阅读 · 0 评论 -
两种用CSS实现圆角边框的方法
圆角边框可以用图片实现,也可以用CSS实现。如果用图片做的话,就画好圆角然后设置成背景图片。用CSS不需要图片,直接用代码定义颜色。用图片的话,会影响网页打开速度,当然如果图片不大,影响也并不明显。用CSS不会影响网页打开速度,但是实现方法略麻烦,要写不少代码。不好讲哪个更好哪个更差,用到各自适合的地方就行了。这里介绍两种不用图片,直接用CSS实现圆角边框的方法。两种CSS方法原理类似,都是在转载 2009-05-29 02:34:00 · 3821 阅读 · 0 评论 -
DIV+CSS实现圆角边框
一直都是用图片做好圆角,然后截图做背景图。今天忽然想知道CSS能不能直接做圆角。百度了一下,可以。就是太复杂了。估计一般做帖还是用图片吧。不过,学习一下。其实,这些做法并非让DIV的四角圆滑,而是在DIV上下两个方向添加多个高度很小的层,每个层距左距右的距离不同,最终看似圆角效果。看出玄机了吧?其实是视觉效果。以下是抄来的一段代码。用css做带圆角的边框body{padding: 20px;bac转载 2009-05-29 02:25:00 · 3628 阅读 · 0 评论