预览加载中，请您耐心等待几秒...

CSS属性.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共25页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

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 说明：字体水平方向对齐方式 背景类4、语法：background-attachment:scroll/fixed 说明：背景图像是否随滚动条滚动 5、语法：background-position:xy 说明：设置背景图像对齐位置,如 background-position:40px120px background-position:20%50%链接的设置为多个链接添加不同的样式 在head中添加样式 <styletype="text/css"> a.c1:link{color:#FF0000}/*红色*/ a.c1:visited{color:#00FF00}/*绿色*/ a.c1:hover{color:#FFCC00}/*橙色*/ a.c1:active{color:#0000FF}/*蓝色*/ </style> 在body中应用样式 <aclass=“c1”href=“#”>应用样式</a> <ahref=“#”>默认样式</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-widthborder-styleborder-color说明：用来设置页面中一个元素所占空间的边缘到相 邻元素之间的距离 Margin-top/right/bottom/left:14px; 也可以这样设置: Margin:12px; Margin:2em(上和下)1em(左和右); Margin:2em(上)1em(左和右)3em(下);说明：控制表格中内容与边框的空白距离 Padding-top/right/bottom/left:12px; Padding:12px;<html> <head> <title>间隙属性padding</title> <styletype="text/css"> td{padding:0.5cm1cm4cm2cm} </style> </head> <body> <tableborder="1"> <tr> <td>这个单元格设置了CSS间隙属性。上间隙为0.5厘米，右间隙为1厘米，下间隙为4厘米，左间隙为2厘米。</td> </tr> </table> </body> </html>CSS盒子模式(BoxModel)CSS元素的定位Position定位 说明:指块相对于其父块的位置和相对于它自身应该在的位置 语法：position:absolute(绝对)/relative(相对); left:值； top:值； width:值； height:值； visibility:visible/hidden/inherit； z-index:用