常见CSS英文单词、对应功能、对应解释、对应简单例子

 

1、float：浮动 Float:left;靠左浮动 Float:right:靠右浮动

2、width 宽度 Width:20px; 对象宽度20px

3、height 高度 Height:20px; 对象高度20px

4、margin 外补距 Margin:1px 2px 3px 4px 对象上距离1px；右为2px；下为3px；左为4px

5、padding 内补距 Padding:1px 2px 3px 4px 对象内距离边上为1px；右为2px；下为3px；左为4px

6、border 边框 Border:1px solid #111; 对象边框为1px宽黑实线

7、font-family 字体 font-family:"黑体"; 对象文字字体为黑体

8、font-size 文字大小 font-size:12px 对象文字大小为12px

9、font-weight 文字加粗 font-weight:bold 对象文字被加粗

10、line-height 行高 line-height:20px 对象内上下2排文字行高为20px（包括文字自身占用高度）

11、text-decoration 文字装饰（下划线、删除线） text-decoration:underline 对象文字加下划线

12、background 背景属性 background:#FFF url(bg.png) repeat-x 0 0 对象背景色为白色、背景图片为bg.png 按X轴分析重复显示并距离顶部和左为0像素

13、text-align 内容左中右对齐属性 text-align:center 对象内内容左右居中显示

14、position 定位属性

15、overflow溢出处理 Overflow:hidden 对象内容被隐藏并且不占用虚拟位置