浏览器前缀介绍和程序员web前端的应用分享css3文案属性。一些CSS属性只是最新的预览版，并没有发布到最终的正式版中。大多数浏览器已经提供了对这些属性的支持，但是这些属性是少数浏览器独有的；有时，一些浏览器为了扩展某些功能，会选择添加一些新的CSS属性。扩展的CSS属性也是特定于浏览器的。为了让这些浏览器识别这些专有属性，CSS规范允许在CSS属性之前添加相应的浏览器前缀。文本阴影属性语法及应用说明：水平和垂直阴影的位置允许负值，可以设置多个阴影文本换行的相关属性Word-wrap属性值：normal说明：仅在允许的断点处换行（浏览器保持默认处理）break-word描述：该属性允许长词或URL地址换行到下一行。该属性用于指示浏览器是否允许在单词内断句，防止当字符串太长而无法找到其自然断点时溢出。Word-break属性值：break-all说明：很粗暴的断句，不会尝试把长词移到下一行，而是直接在词内断句Keep-all说明：文字不会换行,仅在半角空格或连字符处换行。@font-face@font-face是CSS3中的一个模块。它主要是将自己定义的网页字体嵌入到你的网页中。随着@font-face模块的出现，我们在web开发中不再害怕使用字体了。只能使用网页安全字体（@font-face早在IE4就支持）@font-face语法规则：@font-face{font-family:;src:<来源><格式>]*;[字体粗细：<粗细>]；[字体样式：<样式>]；}@font-face语法说明：1.YourWebFontName：这个值是指你自定义的字体名称，最好使用你下载的默认字体，它会在你的网页元素的font-family中被引用。如“font-family:”YourWebFontName”;”2.source：这个值是指你自定义字体的存放路径，可以是相对路径也可以是绝对路径；3.format：这个值是指你自己定义的字体的格式，主要是用来帮助浏览器识别的，它的值主要有以下几种类型：truetype,opentype,truetype-aat,embedded-opentype,avg,ETC。;4.weight和style：这两个值肯定很熟悉，weight定义字体是否加粗，style主要定义字体样式，比如斜体。示例：@font-face{font-family:'icomoon';src:url('fonts/icomoon.eot');src:url('fonts/icomoon.eot?#iefix')format('embedded-opentype'),url('fonts/icomoon.svg#icomoon')format('svg'),url('fonts/icomoon.woff')format('woff'),url('fonts/icomoon.ttf')format('truetype');font-weight:normal;font-style:normal;}CSS3背景新属性1、Background-origin背景origin描述：指定background-origin属性应该是一个相对位置属性值：padding-boxbackgroundimage填充框的相对位置border-box背景图片边界框的相对位置content-box背景的相对位置image'scontentbox注意：默认值为：padding-box；指定背景的绘图区域。属性值：border-box背景被裁剪到边框框。padding-box背景被裁剪到填充框。内容框背景被裁剪到内容框。注意：默认值：border-box；3.background-size背景尺寸说明：background-size指定背景图片的尺寸属性值：length指定背景图片的尺寸。第一个值是宽度，第二个值是高度。百分比(%)以百分比形式设置背景图像的大小。cover将背景图像扩展到足够大，以便背景图像完全覆盖背景区域。contain将图像扩展到最大尺寸，使其宽度和高度完全适合内容区域。4.CSS3多背景属性Eg:p{background:url(demo.gif)no-repeat;//这是为不认识下面这句话的人写的默认背景图重复10px15px；//这是高级浏览器的css多重背景，第一个是topbackground-color:yellow;//ThisisDefineddefaultdefaultbackgroundcolor,allsuitablefor}CSS3颜色特性1、rgba颜色模式2、Hsl颜色模式（了解）3、Hsla颜色模式（了解）CSS3border的新属性1、border-colorEG:border-颜色：红绿#000黄；(toprightbottomleft)2.border-imageborder-image属性是一个简写属性，用于设置以下属性：border-image-source是边框中使用的图片的路径。border-image-slice图像边框向内偏移。border-image-repeat图像边界是否应该重复、圆角或拉伸border-image-outset边界图像区域超出边界的数量3、Border-radius圆角边界(1)。box{border-radius:5px10px20px50px}(2).div1{border-radius:2em/1em}以下参数用斜线/隔开：第一个参数表示圆角的水平半径，第二个参数表示圆角垂直半径(3).div1{border-radius:10px20px30px40px/40px30px20px10px}按顺时针顺序，斜线/左为四个圆角的水平半径，右为四个roundedcorners垂直半径，但通常我们很少把参数写在右边，即右边的默认值等于左边的值。4.box-shadow盒子阴影属性值：eg:box-shadow:10px10px5px#888888
