常见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既可以很快输入这些单词同时也无需记住这些单词。