css常见用法.docVIP

css常见用法 position:relative相对于原来的位置进行偏移,只是动它自己的位置，其它不动。 absolute相对于整个浏览器来放元素，原来的位置被后面的位置取代，它默认是top:10px,left:10px的，如果要完全靠在浏览器的左上角，就要用left:0;top:0;如果改变浏览器窗口，它也会伸缩。 fixed ie8好像不支持 ，它在firefox里面是不会伸缩的，但是浏览器窗口改变的时候，它还是会移动，但是不会伸缩 static这是默认的。 text-indent首字的缩进 div有些要对齐和等长的可以直接复制#id style type=text/css !-- @import url(1.css);//也可以是@import 1.css(这个好像不怎么行) 可以在这里加上@import url(2.css)，同时添加两个css文件 也可以在1.css里面加@import url(2.css)，这样只导入1.css也可以用两个css,这个是可以的 -- /style link href=1.css type=text/css rel=stylesheet / 如果多种样式有重复，则优先级最低为@import,过来是head里面的style,过来是link,最高是行内的style line-height:100%;一行的高为字体的100%,就是说一行只有一个字，上下都没有空间了 img{filter:alpha(opacity=100,finishopacity=0,style=2);}对图片的滤镜效果，只在ie下才有用,style的值不同，控制羽化的方向 h1,h2,h3,#someid,.cc,h2.ss{...}集体选择器 .special i{color:red}嵌套选择 td.top .top1 strong{font-size:16px}多层嵌套 h1{text-decoration:underline} h1hhhhemcc/em/h1这段代码hhhh和cc都加了下划线，因为子继承了父的属性，但儿子自已的属性会覆盖父亲的属性 字体在html语言是font face=..,css的是font-family: 可以font-family:黑体,Arial,宋体,这段代码的意思是先从计算机找黑体，如果没有则找Arial,如果还没有，则找宋体，如果还是没有，则找默认的字体 serif是一种字体的起始和结尾带有一点修饰的字体，而sans-serif则没有 %和em都是相对于父类的字体的大小的，font-size:200%字体为父类的200%,font-size:0.5em在父标记的基础上乘以0.5 b和strong是设置字体为粗体的，font-weight设置字体的宽度，粗,font-weight:800或font-weight:normal或font-weight:lighter或font-weight:30px等 设置斜体用font-style:italic或oblique 下划线，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渐变，如果拉的距离不是很长，可以让后面的颜色表现出来，比如黑白渐变，从上往下拉，如果拉到区域的底线就停止，则可以看到白色部分占一半 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作用很重要。 这个值还可以给数值，让文字上下浮动 为正则上移，为负则下移 图片会使单元格加大 em一般用在line-height，用来