CSS页面选择器省赛获奖.ppt

CSS基本样式设定宽度width:**px;or100%边框border:5pxsolid#111;边界margin:**px;字体font-family:arial文本安排text-align:rightleftcenter基本格式形式line-height:设置行间的距离（行高）。float:显示浮动选择表中的行tr:nth-of-type(even){}//选择偶数行tr:nth-of-type(odd){}//选择奇数行每行设置不同的颜色选择表中的行从前往后按需要选择不同的行Tabletr:nth_child(n){}//参数为nn:所有的行n+2:除第1行外所有的行2n:每2行选择一行3n:每3行选择一行2n+4:从第4行开始隔1行选择1行选择表中的行tr:nth-last-child(n){}从后向前选择,n为参数n:所有行2:倒数第2行-n+3:最后3行选择行和列tr:last-child:最后1行td:last-child:最后1列伪类选择器多列布局-webkit-column-count:n;n为分栏数-webkit-column-width:20em;//栏宽-webkit-column-gap:5em;//栏间距-webkit-column-rule:6pxsolidblue;//栏间分隔加背景图background-image:url(1.jpg);background-repeat:no-repeat;background-size:background-size需要1个或2个值，这些值既可以是像素px，也可以是百分比%或auto，还可以是特定值cover,contain。背景变换background-size:100px;100pxauto;cover; 保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域

contain;缩放到宽度或高度的任意一边区域适应

阴影box-shadowtextshadowbox-shadow:ApxBpxCpx#xxx;A=x轴

B=y轴

C=投影长度

#XXX=颜色文字阴影font-size:3.2em;

color:#F5F5F5;

text-shadow:3px3px7px#111;

text-align:center;块阴影font-size:3.2em;

color:#F5F5F5;

box-shadow:3px3px7px#111;