
CSS专栏
xuwenwu
工作狂
展开
-
LayOut用途精妙译文
译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错误欢迎留言指出。 引用一段来自Dean Edwards的评价: I recommen转载 2007-02-25 11:25:00 · 948 阅读 · 0 评论 -
div居中对齐的样式设置方法
div居中对齐的样式设置方法:1、text-align: center div内的元素在div中居中对齐。2、margin: 0 auto div在其所在的容器中居中对齐。转载 2011-08-23 16:19:27 · 2755 阅读 · 1 评论 -
两个DIV高度自适应方法汇总
网站优化(seo)中,提到过网站样式的优化,即在网站的布局设计中,采用DIV+CSS来布局。网站制站中,我们经常要把两个并排显示的div实现一样高的效果,即每列高度(事先并不能确定哪列的高度)的相同,有以下几种方法(方法来源来互联网): 1、JS实现(判断2个div高转载 2011-07-13 10:07:08 · 336 阅读 · 0 评论 -
悬浮层
div id=sohususpendstyle="LEFT: 90%; POSITION: absolute; TOP: 50%; VISIBILITY: visible; width: 100px; height: 74px">a href="#11">img src="/image/png-097.gif" width="100" height="100" border="0">a>转载 2007-03-27 09:28:00 · 1630 阅读 · 1 评论 -
JS动态添加表格行
表格部分代码如下:testTbl" border=1>tr1">box1">第一行tr2">box2">第二行box3">第三行动态添加表行的javascript函数如下:function addRow(){//添加一行var newTr = testTbl.insertRow();//添加两列var newT转载 2007-03-27 09:29:00 · 3831 阅读 · 0 评论 -
div 边框
1. 外凸边框: 效果:日志文字 代码:3px outset; BORDER-TOP: 3px outset; BACKGROUND: #ffffff; BORDER-LEFT: 3px outset; WIDTH: 100%; BORDER-BOTTOM: 3px outset; HEIGHT: 100%" align=left>日志文字 代码说明: 蓝色部分为可转载 2007-03-27 09:11:00 · 2602 阅读 · 0 评论 -
用JavaScript实现类似于ToolTip的悬浮框
在使用ASP.NET的时候,有时候需要鼠标悬停在页面的某各位置的时候,或者说悬停在某个控件上的时候需要出现一个悬浮框。这个悬浮框可以是对此控件内容的详细说明,或者一些其他的信息。比如在页面中可能有一个表格,表格中的一项叫“考核标准”,那么可能你需要当鼠标移到“考核标准”对应的单元格的时候,需要出现一个对“考核标准”详细说明的悬浮框。 你可能马上会想到T转载 2007-01-19 15:36:00 · 5941 阅读 · 2 评论 -
DIV+CSS实现导航菜单
滑动门菜单技术style>...body {...}{font-size:12px;font-family:宋体}ul.TabBarLevel1{...}{ list-style:none; margin:0; padding:0; height:29px; background-image:url(/attachments/month_0606/q20066转载 2007-01-19 14:32:00 · 4157 阅读 · 3 评论 -
10个你未必知道的CSS技巧
本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权,可以自由使用本翻译。1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;f转载 2007-01-19 12:35:00 · 562 阅读 · 0 评论 -
一个效果非常不错的利用JS实现的ToolTip提示框
html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">title>请问这种鼠标提示怎么实现的title>head>body>script language = "JavaScript" type="text/javascript">...var pltsPop=null;var pltsoffs转载 2007-01-19 16:18:00 · 2354 阅读 · 0 评论 -
用JavaScript实现类似于ToolTip的悬浮框并加入超级链接
style type="text/css">... /**//* YOU CAN REMOVE THIS PART */ body{...}{ background-image:url(../../images/heading3.gif); background-repeat:no-repeat; padding-top:85p原创 2007-01-19 15:44:00 · 2597 阅读 · 0 评论 -
CSS光标属性一览表
光标类型 CSS 把你的光标放到相应文字上查看效果 要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。转载 2007-02-25 11:28:00 · 425 阅读 · 0 评论 -
两个DIV高度自适应方法汇总
网站优化(seo)中,提到过网站样式的优化,即在网站的布局设计中,采用DIV+CSS来布局。网站制站中,我们经常要把两个并排显示的div实现一样高的效果,即每列高度(事先并不能确定哪列的高度)的相同,有以下几种方法(方法来源来互联网): 1、JS实现(判断2个di原创 2011-08-29 15:26:21 · 1377 阅读 · 0 评论