建站过程中常见的CSS属性单词及使用方法

对于刚刚学建站的新手来说，当看见一个很漂亮的网站时，我们内心就狂喜(我是这样的感觉)希望自己能做出一样漂亮的网站，但是当我们看见CSS代码的那一刻,心就凉了半截，跟本就无处下手！傻傻的弄不清楚他们都是干什么用的,为此今天就整理了下常见CSS属性单词及解释，方便我们在制作网站的时候不会无从下手，现在就跟我一起了解并解决下面四个问题吧：

1、常用CSS单词有哪些

2、常用CSS单词对应作用和使用方法

3、CSS单词对应用法实例

4、是否需要记住这些单词

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

以上为常用的CSS单词及其属性。

现在想必你又有这样一个问题：这么多的单词我需要全部会拼写记住吗？

答案是如果不会拼写也无所谓，但我们一定要是知道以上CSS代码的作用，这是很重要的！那为什么说不一定非要记住呢？因为可以借助DW软件很快能写出输入各个属性及对应的值。平时我们在制作网站时会大量接触和使用，日久自然就会拼写，所以没必要硬记住，当然能记住是最好的。

技巧：一看见CSS 属性单词就知道他用法或想实现什么效果就想到用什么CSS单词，前字母是什么即可，用DW既可以很快输入这些单词同时也无需记住这些单词。