1、position:relative相对于原来的位置进行偏移,只是动它自己的位置，其它不动。absolute相对于整个浏览器来放元素，原来的位置被后面的位置取代，它默认是top:10px,left:10px的，如果要完全靠在浏览器的左上角，就要用left:0;top:0;如果改变浏览器窗口，它也会伸缩。fixed ie8好像不支持 ，它在firefox里面是不会伸缩的，但是浏览器窗口改变的时候，它还是会移动，但是不会伸缩static这是默认的。text-indent首字的缩进div有些要对齐和等长的可以直接复制#id如果多种样式有重复，则优先级最低为import,过来是head里面的style,
2、过来是link,最高是行内的styleline-height:100%;一行的高为字体的100%,就是说一行只有一个字，上下都没有空间了imgfilter:alpha(opacity=100,finishopacity=0,style=2);对图片的滤镜效果，只在ie下才有用,style的值不同，控制羽化的方 h1,h2,h3,#someid,.cc,h2.ss. 体 器.special icolor:red td.top .top1 strongfont-size:16px多 h1text-decoration:underline hhhhcc这 代 hhhh和cc都加了下 ，为 了 的 ，
3、但 自 的 会 的 字体在html 是,css的是font-family:可以font-family: 体,Arial, 体,这 代 的 是先 体，如果没有则Arial,如果还没有，则 体，如果还是没有，则默认的字体serif是一种字体的和有一currency1的字体，“sans-serif则没有%和em都是相对于 的字体的的，font-size:200%字体为 的200%,font-size:0.5em在 fifl的 上以0.5b和strong是置字体为体的，font-weight置字体的 ，,font-weight:800font-weight:normalfont-weight:ligh
4、terfont-weight:30px等置体用font-style:italicoblique下 ，underline上 ，overliine” line-through,blink都是用text-decoration: ，可以同时用多个 值，用空 文字text-transform:capitalize首字，uppercase全，lowercase全字体 可以用photoshop的 来 取 的16位进制值用在css上padding-bottom:100px;border-bottom: solid #00FF00 1px;可以在元素的下面100px添加一 ps变，如果 的 不是 长，可以 后面
5、的 来， 如 变， 上 下 ，如果 的 就 ，则可以 一background:url(jianbian2.gif) repeat-x bottom;添加一 图片 在元素下方在方上重复background:url(icon.gif) no-repeat 0 50%;添加一 图片 ,没有重复，方 的位置在0像素，50%为放 的 间位置，如果为100%则放 最后 。的图片gif可以过置 ， 不同的图片text-align:justify置为两 对齐，就是说，一行都是 左 下 ，就像时 文一样，一行行。vertical-align:直方 上的对齐方式， 方式对 级元素(p div)不 用，对td 用
6、重要。这个值还可以 值， 文字上下浮动 为正则上移，为负则下移图片会单元 加em一般用在line-height，用来置和font-size的 值，如line-height为1.5em,则行高为字高的1.5倍letter-spaceing:置字与字间的 要为-0.2em以上才能 字与字间 重叠float:left首字下沉，感觉只是飘 了最左 “ margin为0可以把p的空行 掉有时border:1px，配合border:dashed/dotted等的时候，无效果，需要border-width:1px ,border会 掉虚 等，“用solid来替代imgwidth:“100%“ 图片要放 屏幕
7、那么， 整个屏幕width:100px则 图片的 要为100px只有同时定width和height才能等 例缩放伸缩图片先固定图片的一 ，整另一 图片的横 对齐要用其 元素的text-align来置图片的纵 对齐要用其本身的vertical-align来置，这个 在ie和firefox的显 会不同。vertical-align:bottom和sub时会有不同。vertical-align也可以是 值，和text-align差不多。 如果不加#，可能显 不了 background-repeat:no-repeat;background-position:bottom right;可以置 的位置,
8、也可以置为100%background-position:30% 70%得 图片的 心在方 上处于30%的位置，竖直位置在70%background-position:300px 200px得 图片的左 框在300px,上 框在200px，也可以为负 固定 图片background-attachment:fixed,整窗口时，只见 文字在移动 background blue url(bg.jpg) no-repeat fixed 5px 7pxcellspacing控制单元 和单元 间的 cellpadding控制单元 内的内容和 框的 center topdiv里面的width height
9、指的是这个 的 和高，这个div的 高会 为padding-top等的添加“增加writing-mode:tb-rl只有在ie才有用border-collapse:collapse控制 框重叠6章 与单table有一个summary对于搜索引擎是 有用的th的scope=“row“col“对于 行者列是 有用的对于table里面的text-align，只能 单元 里面的字居 ，传说ie可以居 对齐，试过不行.table tr:hoverbackground-color:#330099;鼠fi移动 行就变 ，ie和firefox都可以，置单元 的 框只能在里面border=“1“在td里面用ma
10、rgin:0px在td里面用vertical-align:top可以把文字 上移动，如日历list-style-type:none置没有前辍的ulbackground-color:transparent;置 会 可以把文本输入框置 变成一 ，也可以将按钮的 框置 没有 框border-collapse:collapse可以得单元 的 框 细， 为原来是1px+1px,collapse后，就变成了1px;input.btnborder:1px solid #66FFCC;按钮变成得 较像文本，没有凸 的感觉text-decoration:none 掉超链接fi签的下 a:hover在超链接时a:
11、link正常状态下a:visited访问过的a:active 本上不会用 border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;border-bottom:1px solid #717171;border-right:1px solid #717171;会 浮的感觉，如果在hover的时候把 一下，就会有按下 的感觉 tablewidth:100%可以充整个页面的 cursor可以整指 元素的鼠fiul可以置list-style-image:url(a.jpg)置前辍为一个图片list-style-image这个 在ie和fire
12、fox 不同，所以不要用，改用置 no-repeat好一为li添加下 用border-bottom:1px solid #dddddd;lifloat:left可以菜单 左 排列，如果在ul不加 限制的时候，窗口缩的时候，菜单会自己转行firefox不支持a的width和height div的width和height只是这个 的 和高，只要在body下面加了就可以把这个div放 间如果padding不 ，可以置一下width;如果是行内元素，它们的margin相加为它们的 ，如果是 级元素，则上下的 为margin的较值如果 元素的height 经定，“ 元素的height高过了 height
13、,显 果不同 firefox的 会超，ie的则会扩 的范围“且， 的padding-top被”为0margin为负 可以 相反方 移动，有可能会 在上面float为left。可以 的内容环绕在这个float元素上，保持float元素置的margin clear:float可以清”float对其的影响,它会另一行，如果两端都有float则可以置为clear:both一般在网页的最下面的脚注就需要把float clear掉position:absolute,left:20px,top:20px把元素放在这个 left,top,right,bottom都可以置，一般有left就没有right,还可以
14、把值置为百 ie一般只会left和top 效，“firefox则一个都会 效置了absolute后， 就不 于 后面来的absolute元素会 掉前面的元素如果position置为relative,它的left,top会相对于它原来的位置偏移值确定如果希望 的 仅仅为其内容加上自己的padding值,可以将它的值float置为left用relative,加上margin:-npx;可以 文字 图片的上面(个人主页);position置为relative, 仍然 于 position置为fixed值差不多和absolute一样，只不过 不随着浏览器滚动上下移动第9章即图片是运动地也可以置滤镜fi
15、lter:alpha(style),style=0 统一形状，1代 ，2代圆形放射变，3代矩形变，当为23时，startx和starty没有 义，都是以图 心为，四周为束filter:alpha(opacity,finishopacity,style,startx,starty,finishx,finishy);全都必须成opacity=0这样，必须有=号filter:progid:DXImageTransform.Microsoft.Blur(makeshadow,pixelradius,shadowopacity);也是要有=号 makeshadow是 要被处 为 影,pixelradiu
16、s是效果的 ，shadowopacity是 影的 运动 filter:progid:DXImageTransform.Microsoft.MotionBlur(add,direction,strength);add为falsetrue,指定是 叠加图片，direction是 的方 ，按 时 方 ，45一个单位，0代直 上，默认为270 左，strength为整 ，代有多 个像素的 影响，默认为5pxfilter:chroma(color=color);置一种 下 的 影filter:dropshadow(color,offx,offy,positive);color代 射的 ，offx和off
17、y x和y 的偏移 ,positive为正，所有 可见的 影转变化 filter:fliph; 转filter:flipv;直 转filter:fliph flipv两 都 转filter:glow(color,strength);如果是在span里面的字体，要加上height为100px等color指 的 ，strength指 的 filter:gray， 相片变成 。反 filter:invert;相当于相片 片一样，全 合和 全 转filter:mask(color)为对 一个 影filter:shadow(color,direction=direction);x射 filter:Xra
18、y;也是有 的感觉浮 filter:progid:DXImageTransform.Microsoft.emboss(enabled,bias);这个是filter:progid:DXImageTransform.Microsoft.engrave(enabled,bias);这个是凸 enabled的值可以为truefalse默认为true,bias指添加 滤镜果的种 的百 ，取值为-11需要 这些字体才能对 两种不同的效果filter:wave(add,freq,lightstrength,phase,strength);add=1 原对 ，=0 不显 原对 ,freq 成的currenc
19、y1，lightstrength是为了 成的增 的效果0-100phase为正值的偏移 ，常为0，可以0-100，是百 ，如果值为25，则方 为360*25%=90，strength为“同时用个滤镜filter:flipv alpha(opacity=80) wave(add=0,freq=15,lightstrength=30,phase=0,strength=4)在 网页时， 先 确整个页面的fi成，且在htmlfl 好框 ，然后才是排，以个细如果banner内容是图片，就不需要置高了可以置content的width为100%，用padding-right:-200，把links 页面#c
20、ontentfloat:left;padding-right:200px;width:600px对于页面固定的页面，可以如margin:0 auto上下 为0，左 两 则自动整，相当于margin:0 auto 0 auto固定 且居 的式#links ullist-style-type:none;position:relative;margin:-20px 0px 2px 0px;#containerwidth:798px;border:1px solid #00CCFF;background:url(banner.jpg) no-repeat;position:relative;margi
21、n:0 auto;整个框都居 左 式左 两 都用absolute, 间的不用absolute,要用margin-left和margin-right 等于左 两 的 经常要用 margin-x:-x;background:url(bg1.jpg) bottom right no-repeat;background-color:#E8FCFD; fl得这里要加上-color，不要没有效果这两个前后 ”不同，效果也不同#containerposition:relative;margin:1px auto 0px auto;这一可以整个图片 居 width:880px;text-align:left;
22、display:none; /* 片 式，不显式图片 */class=“pt pic“,class“pt pic2“,可以 用.pt ,.pt pic,.pt pic2padding-bottom:0.2emfloat:left 会 其 元素 左靠 div里面有div.son，则son的上方空 为 的padding+ 的marginspandisplay:none可以 span里面的文字，但是空间会变成0，下面的元素会上移搜索:background-color:#d4eaff;这样的 要放在最后一行;有时可能要放a.author1可能不效果，必须要加细，如#parameter a.author
23、1;只有background:url和background-color一用，才能 一个div有 和 para_bottom.jpg必须要在 div的bottom下面有padding-bottom:xpx,有的空间放float:left， 本元素A靠 元素P的左 对齐，和本元素同级的元素就会移 A行的位置，但是不会在A上面display:inline可以 两个p元素显 在同一行input的 也可以置， 框也可以置高 function hilite(obj) / 的fiflobj = document.getElementById(“td“+obj.name.toString();obj.style.border = 2px solid #007EFF; 变化的字for(var i=0;iCSS);
