CSS3.0课堂讲义.docx

css3已完全向后兼容；浏览器将永远支持css2。css3的浏览器兼容性：ie6、7、8、9基本不兼容css3的效果，ie9少部分有效果，其他浏览器chrome、firefox、safari 、opera的高版本基本上兼容；只要有css3的属性，就必须加上浏览器的私有属性-webkit (chrome) -moz (firefox) -ms (ie) -o (opera) 前面三个必须写！！！border-radius---圆角边框(gte ie 9)属性值单位：px--%--em—rem四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角。两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角。一个值： 四个圆角值相同。border-radius: 100px/20px;之间加个斜杠，表示x轴的圆角半径为100px; y轴圆角半径为20px;box-shadow---阴影框(gte ie 9)属性值：offsetx offsety spread blur color [inset]x轴的偏移、y轴的偏移、阴影的大小、模糊度、颜色属性值可以跟多个，中间用逗号隔开；border-image: s