css笔记.doc

于亚洲css笔记内嵌式样式表 目标 样式1:规则;样式2:规则; 外部样式表1、 链接（LINK ）外部样式表 /常用 2、 导入（import）外部样式表 /不常用 import style.css;3种选择器1、id选择器 /不常用Id=”a”;#id2、clsaa选择器 /常用Class=”b”.b3、 元素选择器input文本样式属性属性名作用font-family 设置字体font-size设置文本大小font-weight设置文本宽度line-height设置行高text-decoration设置文本效果，下划线、上划线、闪烁效果等letter-spacing设置字符间距word-spacing 设置单词间距Color设置颜色text-align设置文本对其方式例：p font-family:黑体; font-size:20px; text-align:center; text-decoration:underline; letter-spacing:20px; word-spacing:20px 文字加超链后有下划线，用text-decoration:none;去除背景样式属性属性名作用background-color 设置背景颜色background-image设置背景图片background-repeat设置背景图片的平铺方式，repeat|repeat-x|repeat-ybackground-position设置背景图片的位置例：body background-image:url(images/lore.png); background-repeat:repeat-x; background-position:centerbackground: #B61E3D url(bkgd.jpg);边框样式属性属性名作用border-color 设置边框颜色border-width 设置宽度border-top设置上边框样式border-top-color设置上边框颜色border-top-width设置上边框宽度例：divwidth:120px;border-top:#0000FF solid 1px;border-left:#0000FF solid 1px;border-bottom:#0000FF solid 1px;border-right:#0000FF solid 1px;填充与边距的样式属性属性名作用padding 设置填充效果padding-top 设置上填充距离padding-设置下、左、右填充距离margin设置间距效果margin-top设置上边距margin-设置下、左、右边距例：divpadding:10px 10px 20px 20px;margin:10px 15px 10px 20px;用于定位的样式属性属性名作用position 设置定位方式，absolute，static等z-index 设置Z轴方向排列顺序top 设置距顶端距离left设置距左边距离right设置距右边距离bottom设置下端距离例：div position:absolute; top:150px;left:200px; width:180px;height:100px;z-index:100; background-color:#990066;border:solid #FF0000 1px;button position:absolute; top:200px;left:150px; width:180px;height:100px; z-index:10; border:solid #FF0000 1px; background-color:#996666;用于布局的样式属性属性名作用float 该属性的值指出了对象是否及如何浮动，none|left|right clear该属性的值指出了不允许有浮动对象的边，none|left|right|both display设置对象是否显示，none|blockoverflow 设置当对象的内容超过其指定高度及宽度时如何管理内容，visible |au