CSS属性.ppt.ppt

CSS属性  主讲:王书琴 1、语法：font-family:隶书，宋体… 说明：设置字体 2、语法：font-size:12px 说明：字体大小 3、语法：text-decoration: underline/overline/line-throungh /none 说明：字体修饰 4、语法：line-height:20px 说明：行高 6 语法: letter-spacing:4px 说明:定义字间距 7 语法: text-indent:4mm 说明:首行缩进 8 语法：text-align:left/right/center 说明：字体水平方向对齐方式 背 景 类 1、语法：background-color:#十六进制/transparent 说明：背景颜色 2、语法：background-image:url(路径)/none 说明：背景图像 3、语法： background-repeat：repeat/repeat-x/repeat-y/no-repeat 说明：设置背景图像重复 4、语法：background-attachment:scroll/fixed 说明：背景图像是否随滚动条滚动 5、语法：background-position:x y 说明：设置背景图像对齐位置,如 background-position:40px 120px background-position:20% 50% 链接的设置 选择符： a:link 正常显示 a:visited 访问过 a:active 激活时 a:hover 鼠标经过时 a 四种一起调用 为多个链接添加不同的样式 在head中添加样式 style type=text/css a.c1:link {color: #FF0000} /* 红色 */ a.c1:visited {color: #00FF00} /* 绿色 */ a.c1:hover {color: #FFCC00} /* 橙色 */ a.c1:active {color: #0000FF} /* 蓝色 */ /style 在body中应用样式 a class = “c1” href = “#”应用样式/a a href = “#”默认样式/a 设置滚动条： scrollbar-face-color:A区域的颜色 scrollbar-shadow-color:A区阴影颜色 scrollbar-highlight-color:A区边框颜色 scrollbar-3dlight-color:A区3D光影 scrollbar-3darkshadow-color:A区3D阴影 scrollbar-track-color:B区滚动条颜色 scrollbar-arrow-color:A区小三角形颜色 边框设置 1、语法：border-style:none/solid(实线)/double(双直线)/dotted(小点虚线)/dashed(大点虚线)/groove(3D凹线)/ridge(3D凸线)/inset(3D框入线)/outset(3D隆起线) 说明：边框样式 2、语法：border-top-width:长度 border-bottom-width:长度 border-left-width:长度 border-right-width:长度 说明：边框粗细 也可以设置为: border-width:上 右 下 左 3、语法： border-top-color:#RRGGBB border-bottom-color:#RRGGBB border-left-color:#RRGGBB border- right -color:#RRGGBB 说明：边框颜色 也可以设置为: border-color:上 右 下 左 4、快速设置border属性 border： border-width border-style border-color 说明：用来设置页面中一个元素所占空间的边缘到相 邻元素之间的距离 Margin-top/right/bottom/left:14px; 也可以这样设置: Margin:12px; Margin:2em( 上和下) 1em(左和右); Margin:2em( 上) 1em(左和右) 3em(