《css笔记》由会员分享，可在线阅读，更多相关《css笔记（4页珍藏版）》请在金锄头文库上搜索。
1、于亚洲于亚洲 css 笔记笔记1内嵌式样式表目标 样式 1:规则;样式 2:规则; 外部样式表1、 链接（LINK ）外部样式表 /常用2、 导入（import）外部样式表 /不常用 import style.css;3 种选择器1、id 选择器 /不常用 Id=”a”; #id 2、clsaa 选择器 /常用 Class=”b” .b 3、 元素选择器 input文本样式属性属性名作用font-family 设置字体font-size设置文本大小于亚洲于亚洲 css 笔记笔记2font-weight设置文本宽度line-height设置行高text-decoration 设置文本效果，下划线
2、、上划线、闪烁效果等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-r
3、epeat设置背景图片的平铺方式，repeat|repeat-x|repeat-ybackground-position 设置背景图片的位置例：body background-image:url(images/lore.png); background-repeat:repeat-x; background-position:center background: #B61E3D url(bkgd.jpg);边框样式属性属性名作用border-color 设置边框颜色border-width 设置宽度border-top设置上边框样式border-top-color设置上边框颜色border-t
4、op-width设置上边框宽度 例：div width:120px; border-top:#0000FF solid 1px;于亚洲于亚洲 css 笔记笔记3border-left:#0000FF solid 1px; border-bottom:#0000FF solid 1px; border-right:#0000FF solid 1px; 填充与边距的样式属性属性名作用padding 设置填充效果padding-top 设置上填充距离padding-设置下、左、右填充距离margin设置间距效果margin-top设置上边距margin-设置下、左、右边距例：div padding:
5、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; bu
6、tton position:absolute; top:200px;left:150px; width:180px;height:100px; z-index:10;border:solid #FF0000 1px; background-color:#996666;用于布局的样式属性属性名作用于亚洲于亚洲 css 笔记笔记4float 该属性的值指出了对象是否及如何浮动，none|left|right clear该属性的值指出了不允许有浮动对象的边，none|left|right|both display设置对象是否显示，none|blockoverflow 设置当对象的内容超过其指定高度及宽度时如何管理内容， visible |auto|hidden|scroll 例：div width:200px;float:right;overflow: scroll; height: 100px;clear:both;
