CSS规则定义.doc

css规则定义一、类型font-family：字体font-size：字体大小：xx-small 最小x-small 较小small 小medium 正常（默认值）large 大x-large 较大xx-large 最大larger 相对于父元素中字体尺寸进行相对增大值 px(像素)pt (点数)in (英寸)cm (厘米)mm (毫米)pc (十二点活字，1 pc 12pt)em: 2em相当于当前字体的2倍大小%（百分比）font-weight：字体粗细normal 缺省值。字体正常显示。 bold 粗体 bolder 比粗体更加粗 lighter比正常字体细 100特细200 较细 300细400 正常，相当于normal500 变粗600 较粗 700 粗体，相当于bold800 更粗900 特粗font-style：字体风格normal 正常（默认值）italic 斜体oblique 让没有斜体属性的文字倾斜font-variant：字体变量normal 正常（默认值）small-caps小型大写字母的字体显示文本line-height：行高normal 正常（默认值）值text-transform：文本大小写转换capitalize首字大写uppercase 英文大写lowercase 英文小写none 无text-decoration：(字体装饰)underline 下划线overline 上划线line-through 删除线（线从字体中间穿过）blink 闪光、闪烁（一般不用）none 无二、背景background-color： 背景颜色background-image： 背景图片background-repeat：背景重复repeat 背景图像将在垂直方向和水平方向重复（默认）repeat-x 背景图像将在水平方向重复repeat-y 背景图像将在垂直方向重复no-repeat 背景图像将仅显示一次。background-attachment：背景附着scroll背景图像会随着页面文档的滚动而滚动（默认）fixed背景图像不随着页面文档滚动background-position x：x轴背景位置left 居左center 居中right 居右值 距离左边框的值（px）background-position y：y背景位置top 置顶部center 居中bottom 置底部值 距离顶部边框的值（px）三、区块word-spacing：词间距normal 正常（默认值）值letter-spacing：字符间距normal 正常（默认值）值vertical-align：垂直对齐baseline 元素放置在父元素的基线上（默认）sub 垂直对齐文本的下标。super 垂直对齐文本的上标top 把元素的顶端与行中最高元素的顶端对齐text-top 把元素的顶端与父元素字体的顶端对齐middle 把此元素放置在父元素的中部bottom 把元素的顶端与行中最低元素的顶端对齐text-bottom把元素的底端与父元素字体的底端对齐值text-aline：水平对齐left 左边对齐（默认值：由浏览器决定）right右边对齐center中间对齐justify两端对齐text-indent：文本缩进值 pixels（像素）points (点数)in (英寸)cm (厘米)mm (毫米)picas (十二点活字，1 pc 12pt)emx（ 字体高），2em相当于当前字体的2倍大小exs（字母x的高）%（父元素的百分比）white-space空白normal空白会被浏览器忽略（默认）pre 空白会被浏览器保留，其行为方式类似 html 中的 标签nowrap文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。display：显示（若不显示，不占空间）none 此元素不会被显示block此元素将显示为块级元素，此元素前后会带有换行符inline默认。此元素会被显示为内联元素，元素前后没有换行符inline-block 行内块元素list-item 此元素会作为列表显示。run-in 此元素会根据上下文作为块级元素或内联元素显示。compact css 中有值 compact，不过由于缺乏广泛支持，已经从 css2.1 中删除。markercss 中有值 marker，不过由于缺乏广泛支持，已经从 css2.1 中删除。table此元素会作为块级表格来显示（类似 ），表格前后带有换行符。inline-table此元素会作为内联表格来显示（类似 ），表格前后没有换行符。table-row-group此元素会作为一个或多个行的分组来显示（类似 ）。table-header-group此元素会作为一个或多个行的分组来显示（类似 ）。table-footer-group此元素会作为一个或多个行的分组来显示（类似 ）。table-row此元素会作为一个表格行显示（类似 ）。table-column-group此元素会作为一个或多个列的分组来显示（类似 ）。table-column此元素会作为一个单元格列显示（类似 ）table-cell此元素会作为一个表格单元格显示（类似 和 ）table-caption此元素会作为一个表格标题显示（类似 ）inherit 规定应该从父元素继承四、方框width： 宽度auto 自动 值height： 高度auto 自动 值float： 漂浮left元素向左浮动。right元素向右浮动。none默认值,元素不浮动，并会显示在其在文本中出现的位置。clear：清除浮动元素left清除左侧浮动元素。right清除右侧浮动元素。both清除左右两侧浮动元素。none默认值，允许浮动元素出现在两侧。padding：内边距（填充，设定文本与框之间的距离）top 距离顶部值right 距离右边值bottom 距离底部值left 距离左边值margin：外边距（间距，用来设定边距或与外部元素的距离）top 距离顶部值right 距离右边值bottom 距离底部值left 距离左边值五、边框style：样式none 无边框dotted 点状边框(大多数浏览器中呈现为实线)dashed 虚线(大多数浏览器中呈现为实线)solid 实线double 双线groove 凹槽ridge 脊状inset 左上浓，右下淡 （相当于暗边框）outset 右下浓，左上淡 （相当于亮边框）width：宽度thin 细边框。medium 默认边框thick 粗边框值color：颜色六：列表list-style-type：列表样式类型disc 默认，标记是实心圆。circle 标记是空心圆。square 标记是实心方块。decimal 标记是数字。lower-roman小写罗马数字(i, ii, iii, iv, v, )upper-roman大写罗马数字(i, ii, iii, iv, v, )lower-alpha小写英文字母 (a, b, c, d, e, )upper-alpha大写英文字母 (a, b, c, d, e, )none 无标记附加没有的：decimal-leading-zero：0开头的数字标记(01, 02, 03, )upper-latin大写拉丁字母(a, b, c, d, e, )lower-greek小写希腊字母(alpha, beta, gamma, 等。)lower-latin小写拉丁字母(a, b, c, d, e, 等。)list-style-image：列表样式图片（用来设定列表样式图片标记的地址）list-style-position：列表样式位置inside 内outside外七：定位position:位置absolute 生成绝对定位的元素.通过 left、top、right、bottom 属性值进行定位fixed生成绝对定位的元素，相对于浏览器窗口进行定位，通过 left、top、right、bottom 属性值进行定位relative 生成相对定位的元素，相对于其正常位置进行定位。left:20，向元素的 左边位置添加 20 像素static 默认值，没有定位width： 宽度auto 自动 值height：高度auto 自动 值visibility：规定元素是否可见（即使不可见，但仍占用空间，display不占空间）inherit 从父元素继承visible 默认值，可见hidden 隐藏，不可见z-index：设置元素的堆叠顺序（值越大越在上面）auto 自动 值overflow：内容溢出方式visible 默认值，内容呈现在元素框之外hidden 内容会被修剪，溢出内容不可见scroll 内容会被修剪，显示滚动条查看auto 如果内容被修剪，则自动生成滚动条查看placement：设置对象定位层的位置top 距离顶部值right 距离右边值bottom 距离底部值left 距离左边值clip：裁剪绝对定位元素top 距离顶部值right 距离右边值bottom 距离底部值left 距离左边值八、扩展page-break-before：设置元素前的分页行为auto 默认值。如果必要则在元素前插入分页符。always 在元素前插入分页符。left在元素之前足够的分页符，一直到一张空白的左页为止。right在元素之前足够的分页符，一直到一张空白的右页为止。附加没有的：avoid 避免在元素前插入分页符。（ie不支持right、 left）page-break-after：设置元素后的分页行为auto 默认值。如果必要则在元素后插入分页符。always 在元素后插入分页符。left在元素之后足够的分页符，一直到一张空白的左页为止。right在元素之后足够的分页符，一直到一张空白的右页为止。cursor：视觉效果crosshair 光标呈现为十字线。text 此光标指示文本。wait此光标指示程序正忙（通常是一只表或沙漏）。pointer 光标呈现为指示链接的指针（一只手）default 默认光标（通常是一个箭头）help此光标指示可用的帮助（通常是一个问号或一个气球）。e-resize此光标指示矩形框的边缘可被向右移动。ne-resize此光标指示矩形框的边缘可被向上及向右移动n-resize此光标指示矩形框的边缘可被向上移动。nw-resize此光标指示矩形框的边缘可被向上及向左移动。w-resize此光标指示矩形框的边缘可被向左移动。sw-resize此光标指示矩形框的边缘可被向下及向左移动。s-resize此光标指示矩形框的边缘可被向下移动。se-resize此光标指示矩形框的边缘可被向下及向右移动。auto 默认。浏览器设置的光标。filter：滤镜alpha 设置透明度blendtrans滤镜的淡入淡出时间blru 建立模糊效果chroma 把指定的颜色设置为透明dropshadow 建立一种偏移的影象轮廓，即投射阴影fliph 水平反转flipv 垂直反转glow 为对象的外边界增加光效grayscale 降低图片的彩色度invert 将色彩、饱和度以及亮度值完全反转建立底片效果light 在一个对象上进行灯光投影mask 为一个对象建立透明膜shadow： 创建偏移固定影子shadow 建立一个对象的固体轮廓，即阴影效果wave 在x轴和y轴方向利用正弦波纹打乱图片，产生波纹效果xray 只显示对象的轮廓九、过渡所有可动画属性、持续时间、延迟、计时功能词典aabsolute绝对的active活动的，激活的，标记的一个伪类align对齐alpha透明度，半透明anchor锚记标记是这个单词的缩写arrow箭头auto自动bbackground背景border边框banner页面上的一个横条both二者都是clear属性的一个属性值black黑色bottom底部，是一个css属性blink闪烁box盒子block块br换行标记blue蓝色bug软件程序中的错误body主体，一个html标记building建立bold粗体button按钮ccell表格的单元格color颜色center中间，居中connected连接的centimeter厘米contact联系child孩子content内容circle圆圈crosshair十字叉丝class类别css层叠样式表clear清除cursor鼠标指针ddashed虚线display显示，css的一个属性decimal十进制division分区，div就是这个单词的缩写decoration装饰document文档default默认的dotted点线definition定义double双线design设计eelement元素ffather父亲float浮动filter滤镜，过滤器font字体first第一个for在循环语句中的一个保留字fixed固定的four4个ggif一种图像格式green绿色gray灰色hhack常用于css中的一些招数，或者类似于偏方的技巧here这里hand手hidden被隐藏head头部home首页height高度horizontal水平的help帮助hover鼠标指针经过时的效果，或称为“悬停状态”iimage图像inline行内important重要的inner内部的indent缩进italic意大利体，斜体index索引jjpg一种图像格式justify两端对齐llanguage语言last最后一个left左边length长度level级别，例如block-levle就是块级line线link链接list列表lowerc