CSS
TangZhongxin
慢半拍的佬唐
展开
-
CSS文字竖排
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=原创 2010-04-14 17:36:00 · 2925 阅读 · 0 评论 -
CSS实现水平/垂直自适应浏览器居中
CSS实现水平/垂直自适应浏览器居中 2008-09-30 16:33 阅读10 评论0 关键样式: .bgbox {position:absolute;top:50%;left:50%;} .bgbox .ndiv{height:100px;width:200px;position: relative; margin:-50px auto auto -100px;} .ndiv原创 2008-09-30 01:12:00 · 932 阅读 · 0 评论 -
一张解释css的图片
一张解释css的图片 2008-06-29 16:23 阅读6 评论0 一张解释css的图片:原创 2008-06-09 01:10:00 · 754 阅读 · 0 评论 -
注释
注释 2008-04-03 16:51 阅读3 评论0 1.CSS的注释是:/* */ 例如: #footer{ /*background:#f7f7f7;*/ margin-top:20px; } 2.HTML注释是: 例如: 关于 | 地图 | 帮助 ...... 3.AS原创 2008-04-03 01:07:00 · 584 阅读 · 0 评论 -
CSS命名规则
CSS命名规则 2008-03-08 09:34 阅读42 评论1 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo原创 2008-03-08 01:05:00 · 503 阅读 · 0 评论 -
CSS解决IE中奇怪的左右border断线现象
CSS解决IE中奇怪的左右border断线现象 2008-01-24 15:14 阅读36 评论0 IE中奇怪的左右border断线现象问题:如果div有border边框,且在div里有浮动元素,就会出现在IE里div的border断线现象:解决:在浮动元素的父级元素的CSS中加入宽或高,如若是li元素浮动,就在ul中加入"height:1%"或"width:100%"原创 2008-01-24 01:03:00 · 1090 阅读 · 0 评论 -
网页打印(部分内容打印)
网页打印(部分内容打印) 2007-11-12 15:43 阅读170 评论0 我们做的页面需打印怎么办?简单地直接用javascript调用window.print()就ok!当然想打印更好看一点就CSS罗。但我现在想说的是只打印一部分,如我们的网页想统一风格,每页都有头、导航和脚等东西,这些我不想打印,只想把内容区域中的一张表格打印出来,怎么办?原创 2007-11-12 00:57:00 · 1605 阅读 · 0 评论 -
XHTML下插入能通过W3C检验的Flash代码
XHTML下插入能通过W3C检验的Flash代码 2007-11-07 09:45 阅读5 评论0 一、正常情况下(主流浏览器都能正常显示,但不能通过w3c的xhtml检验,因为 embed 标签不是合法标签): http://download.Macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=原创 2007-11-07 00:53:00 · 704 阅读 · 0 评论 -
CSS换肤简单示例
CSS换肤简单示例 2007-11-06 20:24 阅读8 评论0 一、HTML页面: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题 1 id="cssfile" /> function原创 2007-11-06 15:51:00 · 2077 阅读 · 0 评论 -
CSS小提示窗口
CSS小提示窗口 2007-11-06 19:35 阅读5 评论0 a.tip{ position:relative; } a.tip span{ display:none; } a.tip:hover{ cursor:pointer; /*为了兼容IE游览器*/ } a.tip:hover .popbox原创 2007-11-06 15:37:00 · 644 阅读 · 0 评论 -
网站动画icon
网站icon(*.ico): 网站动画icon(*.gif): gif动画文件16x16,96DPI,32位,31帧,好像只有FireFox浏览器支持,示例网站:http://www.techweb.com.cn/ ico格式(32x32和16x16),256色。原创 2009-10-12 14:16:00 · 1216 阅读 · 0 评论 -
CSS标准化换行
CSS标准化换行,参考:http://blog.csdn.net/gohands/archive/2008/03/18/2194782.aspx 兼容 IE 和 FF 的换行 CSS 推荐样式 word-wrap:break-word; overflow:hidden; 不是 word-wrap:break-word; word-break:break-all; 也不是 word原创 2009-10-21 14:19:00 · 687 阅读 · 1 评论 -
css tabs 2.0 我的修改版
unraveled CSS Tabs 2.0,http://unraveled.com/publications/css_tabs/,在body上加了一个id属性,看得极度不爽,改了它: 效果先: html: tab one tab two tab three tab four css: ul#tabnav {原创 2009-10-31 11:33:00 · 1132 阅读 · 0 评论 -
真正的图片居中box
真正的图片居中box1.公用css.square60{width:60px;height:60px;}.square100{width:100px;height:100px;}.square102{width:102px;height:102px;}.square120{width:120px;height:120px;}.square122{width:122px;hei原创 2010-01-08 16:15:00 · 1095 阅读 · 0 评论 -
CSS Hack速记
CSS Hack速记: *html , IE +html , IE _html , IE6 *+html , IE7 height/*/**/,IE8 必须保证HTML顶部有如下声明: 示例 height:100px;【FF】 height/*/**/:100px/9; 【IE8 】 *heig原创 2010-01-08 16:30:00 · 970 阅读 · 0 评论 -
[转]CSS限制图片最大宽度(兼容IE6/IE7/IE8/FF)
转自:http://www.boy110.com/csslimitedwidth/ CSS限制图片最大宽度,兼容IE6/IE7/IE8/FF,用做管理后台应该没问题! 我们在制作一个网页的时候,经常要对一个区域里可能出现的图片的宽度进行限制,不然它可能会把页面撑得很烂很烂。 如果你采用固定宽度,长度来设置的话,比如在 中设置,或者是在CSS中用 .img {height:20原创 2010-03-18 10:40:00 · 3082 阅读 · 1 评论 -
css圆角box(宽度自适应)(百度知道挖出)
css圆角box(百度知道挖出) 1.css .zhidao_box { position: relative; width: 100%; } .zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 { height: 1px; font-size: 0px;原创 2010-01-07 10:48:00 · 1060 阅读 · 0 评论 -
两种清除浮动的方法
两种清除浮动的方法: 方法一:常用,在浮动元素的后面紧接着加一个 方法二:浮动元素所在的父元素的样式里加一个"overflow:auto/hidden;" overflow:auto;”> 嘿嘿嘿…原创 2009-12-30 21:10:00 · 718 阅读 · 0 评论 -
css圆角box(宽度自适应)(依据三列布局修改,ie6有bug)
宽度自适应的div+css的BOX 参考: http://space.cnblogs.com/group/topic/3617/ http://www.dynamicdrive.com/style/layouts/item/css-left-and-right-frames-layout/一、效果: 二、素材: 三、代码: .box{} .box .box_tit{posi原创 2009-12-29 15:32:00 · 1515 阅读 · 0 评论 -
同一元素应用多个class的优先级的测试
同一元素应用多个class的优先级的测试 使用多个class,以空格分开,如: 结论:若同时应用多个class,后定义的优先(即近者优先),加上!important最优先!原创 2009-12-25 17:02:00 · 1158 阅读 · 0 评论 -
css圆角box(网上流行用b标签)
css圆角box备忘 div.box{} div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;} div.boxcontent{ padding:10px; border:1px #888 solid;} b.r {displa原创 2009-12-25 15:54:00 · 1583 阅读 · 0 评论 -
css满屏布局与ul和li列表
css满屏布局与ul和li列表 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题 1 >topbar class="middle">header class="middle">原创 2009-12-15 16:06:00 · 3877 阅读 · 0 评论 -
CSS打印样式
CSS打印样式 2007-11-06 17:09 阅读6 评论0 一、直接在同一个文件中: /*网页上显示时,背景为灰色*/ body{ background-color:#888888; margin:0px; height:100%; } /*打印时,背景为白色*/ @media print{ bo原创 2007-11-06 15:30:00 · 1076 阅读 · 0 评论 -
充分使用表格标签(Table)
充分使用表格标签(Table) 2007-11-06 12:24 阅读5 评论0 table,caption,thead,tr,th,td,tbody,tfoot table,caption,thead,tr,th,td,tbody,tfoot 浏览器兼容性一览表 CSS特征 MSIE 6.0 Firefox 1.0原创 2007-11-06 15:21:00 · 601 阅读 · 0 评论 -
CSS小提示窗口
CSS小提示窗口 a.tip{ position:relative;}a.tip span{ display:none;}a.tip:hover{ cursor:pointer; /*为了兼容IE游览器*/}a.tip:hover .popbox{ display:block; position:absolute; top:12pt; left:0px; width:100px; ba原创 2009-08-11 09:05:00 · 816 阅读 · 0 评论 -
用CSS来实现把过长的字符串替换为省略号
用CSS来实现把过长的字符串替换为省略号 上网经常会看到,主页显示的某段内容的标题或前几个文字,再加个省略号(……),详细内容待点链接进入。现就这一个省略号用css来实现(不然用程序来判断是麻烦且不灵活的哟)。一、HTML如下: 中草药在劫难逃有苦难言要职sadfsadf工期限期限国sdfsadf际法熔炼尖子子孙孙顺 限期限国际法熔炼尖子中草药在劫难逃有苦难言要职工原创 2009-08-11 09:00:00 · 890 阅读 · 0 评论 -
用CSS+UL标签做菜单
用CSS+UL标签做菜单/*用,,做菜单,适用绝大多数浏览器:step 1.HTML结构:div里套ul和li,li里套链接*/body{}.menu{}.menu ul{ list-style: none; font-size: 10pt;}.menu li{ float: left;/*step 2.列表由竖排改横排*/ line-height:30px;/*块的高度*/原创 2009-08-11 08:58:00 · 1552 阅读 · 0 评论 -
shtml页面include时出现乱码或多出一行的问题
shtml页面include时出现乱码或多出一行的问题 1、编码问题,include进来的文件与主shtml文件的文件编码全都改为ANSI都可,不要UTF-8!那有非ASCII字符怎办? - 自己看着办罗,谁叫电脑这东东不是中国人发明的;2、中文乱码?原创 2009-08-11 09:12:00 · 1413 阅读 · 0 评论 -
[转]解决IE下CSS背景图片闪烁的Bug
[转]解决IE下CSS背景图片闪烁的Bug 很多时候我们要给一些按钮或是img设置背景,而为了达到数据与表现样式分离的效果,通常背景样式都是在CSS里设定的,但是这个行为在IE会有一个Bug,那就是因为IE默认情况下不缓存背景图片,所以当鼠标在有CSS背景的按钮或是图片上移动时,图片会闪烁甚至鼠标会出现忙的状态转载 2009-08-11 09:08:00 · 1130 阅读 · 0 评论 -
网页打印(部分内容打印)
网页打印(部分内容打印) 我们做的页面需打印怎么办?简单地直接用javascript调用window.print()就ok!当然想打印更好看一点就CSS罗。但我现在想说的是只打印一部分,如我们的网页想统一风格,每页都有头、导航和脚等东西,这些我不想打印,只想把内容区域中的一张表格打印出来,怎么办?一、HTML代码,注意那两行注释:原创 2009-08-11 09:07:00 · 3294 阅读 · 0 评论 -
CSS打印样式
一、直接在同一个文件中:/*网页上显示时,背景为灰色*/body{ background-color:#888888; margin:0px; height:100%;}/*打印时,背景为白色*/@media print{body{ background-color:#FFFFFF;}} 二、外部导入:@import url("pagePrint.css"); 三、外部链接原创 2009-08-11 09:04:00 · 615 阅读 · 0 评论 -
充分使用表格标签(Table)
table,caption,thead,tr,th,td,tbody,tfoot 浏览器兼容性一览表 CSS特征MSIE 6.0 Firefox 1.0 Firefox 1.5 Opera 8.5 HTML 4.01a81%85%85%94%abbrN97%85%94%acronym94原创 2009-08-11 09:00:00 · 555 阅读 · 0 评论 -
CSS左右两列布局宽度100%
CSS左右两列布局,子级宽度自适应(100%) 标题 范仲淹 苏幕遮(怀旧) 碧云天,黄叶地。秋色连波,波上寒烟翠。 山映斜阳天接水。芳草无情,更在斜阳外。 黯乡魂,追旅思。夜夜除非,好梦留人睡。 明月楼高休独倚。酒入愁肠,化作相思泪。原创 2009-07-31 17:30:00 · 3950 阅读 · 0 评论 -
CSS换肤简单示例
CSS换肤简单示例 一、HTML页面:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题 1id="cssfile" />function ChangeCSS(color){ var css=document.getElementById("cssfil原创 2009-08-11 09:05:00 · 696 阅读 · 0 评论 -
XHTML下插入能通过W3C检验的Flash代码
XHTML下插入能通过W3C检验的Flash代码 一、正常情况下(主流浏览器都能正常显示,但不能通过w3c的xhtml检验,因为 embed 标签不是合法标签):http://download.Macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="300" height="300">原创 2009-08-11 09:06:00 · 700 阅读 · 0 评论 -
注释
注释 1.CSS的注释是:/* */例如:#footer{ /*background:#f7f7f7;*/ margin-top:20px;}2.HTML注释是:例如: 关于 | 地图 | 帮助 ......3.ASP.NET页面服务端代码、服务端控件注释:(同时也可注释HTML客户端代码)例如:<%---原创 2009-08-11 09:12:00 · 552 阅读 · 0 评论 -
用CSS来实现把过长的字符串替换为省略号
用CSS来实现把过长的字符串替换为省略号 2007-10-26 15:03 阅读6 评论1 上网经常会看到,主页显示的某段内容的标题或前几个文字,再加个省略号(……),详细内容待点链接进入。现就这一个省略号用css来实现(不然用程序来判断是麻烦且不灵活的哟)。 一、HTML如下: 中草药在劫难逃有苦难言要职sadfsadf工期限期限国原创 2007-10-26 15:18:00 · 1804 阅读 · 0 评论 -
用CSS+UL标签做菜单
用CSS+UL标签做菜单 2006-12-19 23:26 阅读121 评论0 /* 用,,做菜单,适用绝大多数浏览器: step 1.HTML结构:div里套ul和li,li里套链接 */ body{} .menu{} .menu ul { list-style: none; font-size: 10pt; } .menu原创 2006-12-19 15:16:00 · 1901 阅读 · 0 评论 -
CSS基础学习
CSS基础学习 1.四种类型语法(我认为) *{...} /* 所有 */ P{...} /* HTML标记 */ .class1{...} /* 类选择器(点号) */ #id1{...} /* ID选择器(井号),(有局限性) */ 2.选择符组 H1,H2,P,SPAN,H3 {...} 3.包含选择器(空格),原创 2006-11-18 15:13:00 · 562 阅读 · 0 评论 -
css不换行,换行,强制换行
1、强制不换行 div{ white-space:nowrap; } 2、自动换行 div{ word-wrap: break-word; word-break: normal; } 3、强制英文单词断行 div{ word-break:break-all; }原创 2009-10-07 09:33:00 · 1292 阅读 · 0 评论