Css属性见解
昨天学习了Css的一小部分属性，这些属性一直从昨天练习到今天，感觉如果想把这些属性完全的掌握牢固还需要大量的练习，看到同学一个比一个学习努力，有的同学已经超前学习，心里感到七上八下的，因此自己也在慢慢钻研，不能落到别人的后面，昨天主要是练习了，今天主要的总结了一些Css的属性：
文本
font-family 字体类型
Arial,Helvetica,sans-serif
font-size 字体大小
12px
font-weight 字体重量
400
font-style 字体风格
normal
Color 字体颜色
#000000
text-transform 文本转换
none
text-decoration 文字装饰
none
letter-spacing 字母间距
normal
word-spacing 字母距
0
line-height 线高度
18px
text-align 文本对齐
start
vertical-align 垂直对齐
baseline
Direction 方向
ltr
背景
background-color
transparent
background-image
none
background-repeat
repeat
background-position 背景位置
0 0
background-attachment 背景附件
scroll
opacity 不透明
1
盒模型
width 宽度
895px
height 高度
305px
top 顶端
auto
right 右边
auto
bottom 底部
auto
left 左边
auto
margin-top
0
margin-right
0
margin-bottom
0
margin-left
0
padding-top
0
padding-right
0
padding-bottom
0
padding-left
0
border-top-width
0
border-right-width
0
border-bottom-width
0
border-left-width
0
border-top-color
#000000
border-right-color
#000000
border-bottom-color
#000000
border-left-color
#000000
border-top-style
none
border-right-style
none
border-bottom-style
none
border-left-style
none
布局
position 位置
static 静态
display 显示
block 块
visibility 能见度
visible 可见
z-index z索引
auto 自动的
overflow-x 溢出
visible
overflow-y
visible
white-space 白色空间
normal
clip 剪辑
auto
float 浮动
none
clear 清楚的
none
-moz-box-sizing- 莫兹盒，浆纱
content-box 内容盒
其它
cursor 游标
auto
list-style-image 列表样式图片
none
list-style-position 列表样式位置
outside
list-style-type 列表样式类型
disc 片
marker-offset 标记偏移
auto
通过总结这些属性，让我感觉到了一点安慰，我会把他们熟练掌握以及运用的到以后的练习中，让自己�
相关文档：
今天我们汇总了许多div+css网页设计中经常用到的经验和技巧，大家可以多多参考，对你的页面设计一定有很大的帮助!
如果文字过长，则将过长的部分变成省略号显示：IE5，FF无效，但可以隐藏，IE6有效DIV STYLE=“width：120px；height：50px；border：1px solid blue；overflow：hidden；text-overflow：ellipsis&rdquo ......
许多人认为ie6不支持!important，其实是被一条针对ie 6的css hack给误导了。这条css hack是：
.test {
height: auto !important;
height: 500px;
}
.test的高度在其他浏览器里面是auto，而在ie6里面是500px，许多人在解释这条css hack之所以会生效是因为ie6不支持!important，误导了不少� ......
使用IE8 可能出现的问题：
* 网页布局不整齐
* 文本或图像重叠
* JavaScript 功能有问题或错误
一般解决
1.写CSS Hack。
而后台人员不擅长于写CSS。
2.强制IE8像IE7那样呈现内容。
在<head></ ......
一直以来我都以为css是无法限制字符长度的，最近才发现原来可以这样.最简单的兼容方法：
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......
