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

常见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 对象内容被隐藏并且不占用虚拟位置

这么多的单词我需要全部会拼写记住吗？
答案是如果不会拼写也无所谓，借助DW软件很快能写出输入各个属性及对应的值。因为平时会大量接触和使用，日久自然就会拼写，所以没必要硬记住，当然记住也可以。
技巧：一看见CSS 属性单词就知道他用法或想实现什么效果就想到用什么CSS单词，前字母是什么即可，用DW既可以很快输入这些单词同时也无需记住这些单词。