常用CSS属性英文单词总结和用法.doc

常用的CSS属性的英文单词总结及用法、解释 在HYPERLINK /div css制作中常用的CSS属性的英文单词介绍、解释与HYPERLINK /rumen/r29.htmlcss样式用法总结。这些单词无需一定要记住会拼写，但是要求看见他们就能认识他们并知道他们的属性及用法，这里有个记住他们属性的技巧就是多制作和手写HYPERLINK /div+css推荐用Dreamweaver（DW）因为此工具在写HYPERLINK /CSS和html的代码时候会自动弹出用到的HYPERLINK /rumen/r95.htmlCSS代码，多用多看就能记住他们的用法及属性。（如果您的记忆力好能记住也好不影响） 下面我们来分别认识下这些常用的CSS单词及属性（更多请进HYPERLINK /shouce/CSS在线手册）： 1、(盒子)布局排版类float - 浮动：设置块元素的浮动效果。可选常用到参数left、right ；width - 宽：确定盒子本身的宽度，可以使盒子的宽度不依靠它所包含的内容多少。height - 高 ：确定盒子本身的高度；clear - 清除 ：用于清除设置的浮动效果，常用参数both 、left、right；HYPERLINK /shili/s6.htmlmargin - 边距 ：控制围绕边框　的边距大小。其中包含4个属性：margin-top控制上边距的宽度、margin-right控制右边距的宽度、margin-bottom控制下边距的宽度、margin-left控制左边距的宽度。HYPERLINK /shili/s7.htmlpadding -内边界：确定围绕块元素的空格填充数量，其中包含4个属性“padding-top控制上留白的宽度、padding-right控制右留白的宽度、padding-bottom控制下留白宽度、padding-left控制左留白的宽度。 2、边框border-width -宽 ：控制边框的宽度，其中分为4个属性：border-top-width顶边框的宽度、border-right-width右边框的宽度、border-bottom-width底边框的宽度、border-left-width左边框的宽度。border-color -颜色：设置各边框的颜色。若要使边框的四边显示不同的颜色，可在设置中分别列出。如，p{: #ff0000 #009900 #0000ff #55cc00}浏览器将四种颜色依次理解为：上边框、右边框、底边框和左边框（自上开始顺时针）。border-style -样式：设定边框的样式，共有无（none）、虚线（dotted）、点划线线（dotted）、点划线（dashed）、实线（solid）、双线（double）、槽状（grove）、脊状（ridge）、凹陷（inset）和凸起（outset）等9种。 3、HYPERLINK /rumen/r74.htmlcss文字属性font-family- 字体：设定时，需考虑浏览器中有无该字体。font-size - 字体大小：注意度量单位。font-weight - 字体 粗细：除了normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像素为度量为单位的设置方式。font-style-样式：字型。line-height - 行高：行距。注意，行距只能以是字体大小值为font-variant - 变形：可以将正常文字一半尺寸后大写显示，但IE目前不支持这项属性。text-transform - 大小写：这项属性能轻而易举地控制字母大小写，有首字大写（capitalize、大写（uppercase）、小写（lowercase）和无（none，使所有继承文字和变形参数被忽略，文字将以正常形式显示）等4种。text-decoration - 修饰：用于控制链接文本的显示形态，有下划线（underline）、无下划线（overline）、删除线（line-through）、闪烁（blink）和无（none，使上述效果均不会发生）等5种修饰方式。但IE4不支持文字闪烁。 4、背景属性,查看HYPERLINK /shili/s8.html背景居中实例background-color- 背景颜色：设置背景颜色。background-image-背景图像：设置网页背景图像。background-repeat - 背景重复：控制背景图像的平鋪方式，有不重复（no-repeat）、重复（repeat，沿水平、垂直方向平铺）、横向重复（repeat-X，图像沿水平方向平铺）和纵向重复（repeat-Y，沿图像垂直方向平铺）等4种选择。backg