css详解讲解.docx

CSS背景属性1 background复合属性,设置对象的背景特性。例：｛background: color position size repeat origin clip attachment image;｝1 background-color指定要使用的背景颜色值：color #fff/red/rgb(0,0,0)transparent默认，指定背景颜色是透明的inherit从父元素继承1 background-image指定要使用的一个或多个背景图像值：url(URL)图像URLnone默认，会显示无图像背景inherit从父元素继承1 background-attachment设置背景图像固定或者滚动值：scroll默认，背景图片随页面的其余部分滚动fixed背景图像是固定的inherit从父元素继承1 background-repeat指定如何重复背景图像值：repeat默认，背景图像将向垂直和水平方向重复no-repeat背景图像不重复repeat-x / repeat-y只有（垂直）水平位置会重复背景图像inherit从父元素继承1 background-position指定背景图像的位置值：left center right / top center bottom 仅指定一个，其他值会是centerx% / y%第一个值是水平位置，第二个值是垂直xpx/ypx可以和%混合使用inherit从父元素继承3 background-size指定背景图片的大小浏览器：Internet Explorer 9 Google Chrome 4.0（1.0 -webkit-） Mozilla Firefox 4.0（3.6 -moz-） Opera 10.5（10.0 -o-） Safari 4.1（3.0 -webkit-）值：length设置背景图片宽度和高度（100px 100px or auto）percentage将计算相对于背景定位区域的百分比（50% 50% or auto）cover保持图像的纵横比将图像缩放成完全覆盖背景定位区域最小大小contain保持图像的纵横比并将图像缩放成适合背景定位区域的最大大小3 background-origin指定背景图像的定位区域（图像为fixed无效果）浏览器：Internet Explorer 9 Google Chrome 4.0 Mozilla Firefox 4.0 Opera 10.5 Safari 3.0值：padding-box背景图像填充框的相对位置border-box背景图像边界框的相对位置content-box背景图像的相对位置的内容框3 background-clip指定背景图像的绘画区域浏览器：Internet Explorer 11 Google Chrome 16.0（4.0 -webkit-） Mozilla Firefox 15.0（3.5 -moz-） Opera 15.0（11.0 -o-） Safari 6.0（3.1 -webkit-）值：padding-box背景绘制在衬距方框内（剪切成衬距方框）border-box默认值。背景绘制在边框方框内（剪切成边框方框）content-box背景绘制在内容方框内（剪切成内容方框）字体属性font在一个声明中设置所有字体属性例：font=italic small-caps bold 12px arial,sans-seriffont-family规定文本的字体系列值：family-name字体族名称inherit从父元素继承font-size规定文本的字体尺寸值：xx-small /x-small / small / medium / large / x-large / xx-largesmaller把font-size设置为比父元素更小的尺寸larger把font-size设置为比父元素更大的尺寸length把font-size设置为一个固定的值%把font-size设置为基于父元素的一个百分比值inherit从父元素继承font-style规定文本的字体样式值：normal默认值，标准的字体样式italic斜体的字体样式oblique倾斜的字体样式inherit从父元素继承font-variant规定文本的字体样式值：normal默认值，标准的字体small-caps小型大写字母的字体inherit从父元素继承font-weight规定字体的粗细值：normal默认值，定义标准的字符bold定义粗体字符bolder定义