搜索列表
-
CSS使用技巧20则
【CSS/HTML】1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去： font: bold italic small-caps 1em/1.5em verdana,sans-serif 真不错！只...
|CS|SS|S使|使用|用技|技巧|巧2|20|0则|则| -
CSS解决未知高度垂直居中的问题
【CSS/HTML】除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 原文标题：Vertical Centering in CSS 副标题：Yuhu's Definitive Solution with Unknown Height 翻译：forestgan 尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图...
|CS|SS|S解|解决|决未|未知|知高|高度|度垂|垂直|直居|居中|中的|的问|问题|题| -
利用相对定位及偏移量做精美输入界面
【CSS/HTML】利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮 这种结构，下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是： 标题栏图片有向上的偏移量。利用样式：top:-10px;position:relative; 可...
|利用|用相|相对|对定|定位|位及|及偏|偏移|移量|量做|做精|精美|美输|输入|入界|界面|面| -
不用float实现模块居中布局
【CSS/HTML】最常见实用的布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。 结构代码，top left right foot 四个模块全部独立、互不嵌套。 ＜div id="top"＞head＜/div＞ ＜div id="left"＞ ＜div id="left_module"＞left＜/div＞＜/div＞ ＜div id="right"＞ ＜div id="right_module"＞right＜/div＞＜/d...
|不用|用f|fl|lo|oa|at|t实|实现|现模|模块|块居|居中|中布|布局|局| -
用CSS构建iframe效果
【CSS/HTML】iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下解决方案： 第一种需求如果我们使用CSS布局来实现，即可以少一个页面，也可以提高效率。 第二种需求可以采用xmlhttp远程获取。A. 直接模拟ifram...
|用C|CS|SS|S构|构建|建i|if|fr|ra|am|me|e效|效果|果| -
认识CSS中absolute与relative
【CSS/HTML】很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。 Absolute，CS...
|认识|识C|CS|SS|S中|中a|ab|bs|so|ol|lu|ut|te|e与|与r|re|el|la|at|ti|iv|ve|e| -
单纯使用CSS实现动态提示信息
【CSS/HTML】也许已经有人发现可以这样写... CSS代码部分 a.info { position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none } a.info:hover { z-index:1; background-color:#ff0 } a....
单纯使用CSS实现动态提示信息 -
转载：On having layout
【CSS/HTML】译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。 ...
转载：Onhavinglayout -
display&position
【CSS/HTML】display:block 将子对象作为块对象呈递。很多内联样式的效果，需要用到display。#photo a img{border:3px solid #FF6600; }#photo a:hover {display:block;} /**若不加此句，则内联对象img的样式不会显示**/#photo a:hover img{ border:2px solid blue;} [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]position...
display&position -
文字或图片元素在DIV中垂直居中
【CSS/HTML】复制代码 代码如下:<!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"> ...
文字或图片元素在DIV中垂直居中 -
CSS解决未知高度垂直居中
【CSS/HTML】尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。 标准浏览器如Mozilla, Opera, Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-c...
CSS解决未知高度垂直居中 -
windows的listview一样,而且不能把表头从表格里面独立出来
【CSS/HTML】body { background-color: #F0F0F0 ; font: 11px "verdana","Arial"; width:90%; margin-left:auto; margin-right:auto; } .tScroll { border: 1px #7494BF solid; background-color: #ffffff; overflow: scroll; overflow-x:hidden; height:100px; cursor: default; } tr.tableHead { position:relative; backgr...
windows的listview一样而且不能把表头从表格里面独立出来
