amnotsuperior的专栏

position: 值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "

html中link标记允许当前文档和外部文档之间建立连接，但是只能在head标签里面用。href设置或获取目标 URL ，rel设置或获取对象和链接目的的关系，type设置或获取对象的 MIME 类型，media设置或获取媒体类型。 all 就表示all所有媒体类型的样式完整一句是这样的rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系.rel属

font-family:"Times New Roman", Times, serif; /* 第一个字体， 找不到 第二个 */宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体

一、word-wrap：允许对长的不可分割的单词进行分割并换行到下一行。(中英文处理效果一样) word-wrap有两个取值： 1、word-wrap: normal：只在允许的断字点换行（浏览器保持默认处理）。 2、word-wrap: break-word：在长单词或 URL 地址内部进行换行。（ 即在容器末端有长单词不能完全显示，不会截断单词，而是作为整体，自动换行 ）

letter-spacing  文字之间 间距 行距  line-heightletter-spacingnomal；px；

总结一下经验 这里显示红叉 这里显示绿勾 这里显示红叉 这里显示绿勾

body{ background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; }这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。

function ChangeOpacity(x){// 返回被选选项的文本var opacity=x.options[x.selectedIndex].text;var el=document.getElementById("p1");if (el.style.opacity!==undefined) {el.style.opacity=opacity;}else {aler

在此，先做声明，本篇仅是摘录自互联网，个人认为这篇文章讲的很不错，附于此地与大家共同欣赏。position的四个属性值：1.relative2.absolute3.fixed4.static下面分别讲述这四个属性。 sub1 sub21. relativerelative属性相对比较简单，我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。

下面这段代码来让IE的文档模式永远都是最新的：chrome=1，是Google Chrome Frame（谷歌内嵌浏览器框架GCF），如果有的用户电脑里面装了这个chrome的插件，就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算，无比给力，不过如果用户没装这个插件，那这段代码就会让IE以最高的文档模式展现效果。

@charset "utf-8"; /* css 引入编码 *//* css 中 引入 css */@import url("layout.css");@import url("page_1.css");

阴影 .bg{width:512px; height:340px; margin:1em auto; background:url(http://image.zhangxinxu.com/image/study/s/s512/mm19.jpg);}.font{margin:0; padding:1em; font-size:36px; font-family:"微软雅黑";

hiddenautoscroll值描述测试visible不裁剪内容，可能会显示在内容框之外。测试hidden裁剪内容 - 不提供滚动机制。测试scroll裁剪内容 - 提供滚动机制。测试auto如果溢出框，则应该提供滚动机制。测试no-display如果内容不适合内容

div{text-align:center;border:2px solid #a1a1a1;padding:10px 40px; background:#dddddd;width:350px;border-radius:25px;-moz-border-radius:25px; /* 老的 Firefox */}border-radius 属性允许您向元素添加圆角。

**Html position（static、relative、absolute、fixed）** position的四个属性值：1.relative2.absolute3.fixed4.static下面分别讲述这四个属性。div id="parent"> div id="sub1">sub1id> div id="sub2">sub2id>1. relati

This box should be on top This box should not be on top; IE however seems to create a new stacking context for positioned elements, even when the computed z-index of that element

解决方法： 1、修改父元素的高度，增加padding-top样式模拟（padding-top：1px；常用） 2、为父元素添加overflow：hidden；样式即可（完美） 3、为父元素或者子元素声明浮动（float：left；可用） 4、为父元素添加border（border:1px solid transparent可用） 5、为父元素或者子元素声明绝对定位

link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候

css精灵技术   也可以说

clear:both清除浮动

.top_font_01{ font-size:36px;  font-weight:100; font-family:"Arial Black", Gadget, sans-serif; color:#069; } 尺寸                                   粗细                                 字体               

a:link         未访问a:hover     正在访问a:visited   已访问a:active    活动a :link、a:hover、a:visited这几个元素，定义CSS时候的顺序不同，也会直接导致链接显示的效果不同。我想，原因就在于浏览器解释CSS时遵循的“就近原则”。举例来说：我想让未访问链接颜色为蓝色，活动链接为绿色，已访问链接

onmouseover="this.style.cursor='hand'"cursor其他取值 auto ：标准光标 default ：标准箭头 pointer, hand ：手形光标 wait ：等待光标 t

div style="width:231px"> img src="images/fw.gif" border="0" usemap="#Map" /> map name="Map" id="Map"> are

复发性流产的病因筛查及检查复发性流产的病因筛查及检查复发性流产的病因筛查及检查复发性流产的病因筛查及检查复发性流产的病因筛查及检查 div{background-color:red;opacity:0.5;filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */}本元素的不透明度是 0.5。请注意，文本和背景色都受到不透明

无标题文档 ps 切图 大小 名字 一定是 英文。

none : 　无边框。与任何指定的border-width值无关hidden : 　隐藏边框。IE不支持dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线（常用）dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线（常用）solid : 　实线边框（常用）so

form action="" method="get">  或者 meth=“post”input name="" type="text" size="22" /> input name="" type="submit" value="提交" /> form> 表单提交 CalicoTortieSiamese

cursor属性收集 光标类型 CSS 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand; 写两个是为了照顾IE5，它只认hand。 等待/沙漏 cursor: wait; 帮助 cursor: help; 无法释放 cursor: no-drop; 文字/编辑 cursor: text; 可

li { list-style: url("http://www.divcss5.com/devgurupix.gif"), inside, circle; }ul { list-style: outside, upper-roman; }ol { list-style: square; }list-style-imagelist-style-typelist-st

只在IE下生效这段文字只在IE浏览器显示只在IE6下生效这段文字只在IE6浏览器显示只在IE6以上版本生效这段文字只在IE6以上(包括)版本IE浏览器显示只在IE8上不生效这段文字在非IE8浏览器显示非IE浏览器生效这段文字只在非IE浏览器显示IE浏览器各版本 CSS hack 对照表

.slideBox .hd ul li { float:left; margin-right:5px; width:13px; height:13px; line-height:14px; text-align:center; background:#cacaca; cursor:pointer; border-radius:20px; /* 目的画圆 */}