CSS 常见语法 字体属性 属性 描述 font-family 用一个指定的字体名或一个种类的字体族科 font-size 字体显示的大小 font-style 设定字体风格 font-weight 以 bold 为值可以使字体加粗 font-variant 设置英文大小写转换 font 组合设置字体属性 Font-style 字体风格属性值 属性值 说明 正常值 斜体 normal italic 属性值 说明 偏斜体 oblique Font-weight 字体加粗属性值 属性值 说明 正常值 粗体，字体粗细约为 700 粗体再加粗，字体粗细约为 900 比默认字体还细 共有 100 到 900 九个级别，数字越小字体越细，数字越大字体越粗 normal bold bolder lighter 100－900 Font-variant 字体大小写属性值 属性值 说明 normal 正常值 small-caps 将小写英文字体转换为大写英文字体 文本属性 属性 描述 letter-spacing 定义一个附加在字符之间的间隔数量 word-spacing 定义一个附加在单词之间的间隔数量。 text-decoration 文本修饰属性允许通过五个属性中的一个来修饰文本 text-align 设置文本的水平对齐方式，包括左对齐、右对齐、居中、两端对齐 text-indent 文字的首行缩进 line-height 行高属性接受一个控制文本基线之间的间隔的值 text-transform 控制英文文字大小写 letter-spacing 字符间距和 Word-spacing 单词间距属性值 属性值 说明 属性值 说明 正常值 normal Text-decoration 文字修饰属性值 <length> 长度单位 属性值 说明 underline overline line-through blink none Text-align 文字对齐属性值 属性值 文字加下划线 文字加上划线 文字加删除线 闪烁文字，只有 netscape 浏览器支持 默认值 说明 属性值 居左对齐 left 居右对齐 right Text-transform 英文大小写属性值 属性值 center justify 说明 capitalize uppercase 颜色和背景属性 说明 居中对齐 两端对齐 属性值 将每个英文单词的首字大写 将每个英文字母均转换为大写 说明 lowercase none 属性 将每个英文字母均转换为小写 默认值 描述 color 定义颜色 background-color 设定一个元素的背景颜色 background-image 设定一个元素的背景图象 background-repeat 决定一个指定的背景图象如何被重复 Background-position 设置水平和垂直方向上的位置 Background 组合设置背景属性 background-repeat 背景重复属性值 属性值 说明 属性值 说明 repeat 背景图像平铺 repeat-y 背景图像以 y 轴方向平铺 repeat-x 背景图像以 x 轴方向平铺 no-repeat 背景图像不平铺 Background-position 背景位置属性值 属性值 说明 value 以百分比的形式(x% y%)或绝对单位的形式(x y)设定背景图像的位置 top 背景图像垂直居顶 center 背景图像垂直居中 bottom 背景图像垂直居底 left 背景图像水平居左 center 背景图像水平居中 背景图像水平居右 right 边框属性 属性 描述 属性 描述 border-color 边框颜色 border-bottom-style 下边框样式 border-style 边框样式 border-top-width 上边框宽度 border-width 边框宽度 border-left-width 左边框宽度 border-top-color 上边框颜色 border-right-width 右边框宽度 border-left-color 左边框颜色 border-bottom-width 下边框宽度 border-right-color 右边框颜色 border 组合设置边框属性 border-bottom-color 下边框颜色 border-top 组合设置上边框属性 border-top-style 上边框样式 border-left 组合设置左边框属性 border-left-style 左边框样式 border-right 组合设置右边框属性 border-right-style 右边框样式 border-bottom 组合设置下边框属性 Border-style 边框样式属性值 属性值 说明 属性值 说明 none 无边框 groove 边框带有立体感的沟槽 dotted 边框由点组成 ridge 边框成脊形 dash 边框由短线组成 inset 边框内嵌一个立体边框 solid 边框是实线 outset 边框外嵌一个立体边框 double 边框是双实线 方框属性 属性 描述 float 让文字环绕在一个元素的四周 clear 指定在某一个元素的某一边是否允许有环绕的文字或对象 clip 限定只显示裁切出来的区域 width 设定对象的宽度 height 设定对象的高度 padding 决定了究竟在边框与内容之间应该插入多少空间距离 margin 设置一个元素在四个方向上与浏览器窗口边界或上一级元素的边界的距离 overflow position 当对象内的内容超出对象所能容纳的范围时的处理方式 设置对象的位置 z-index visibility 决定对象的先后顺序和覆盖关系 针对嵌套地下的可视性设置 Float 环绕属性值 属性值 none Left 说明 禁用 float 属性 居左对齐 属性值 right 说明 居右对齐 Overflow 溢出属性值 属性值 说明 无论对象的大小，内容都会显示出来 会隐藏超出对象的大小的内容 不管内容是否超出对象的范围，选中此项都会为对象添加滚动条 只在内容超出对象的范围时才显示滚动条 Visible Hidden Scroll Auto 列表属性 属性 描述 list-style-type 设定引导列表项目的符号类型 list-style-image 选择图像作为项目的引导符号 List-style-position 决定列表项目所缩进的程度 list-style-type 列表样式类型属性值 属性值 说明 在文本行前面加“●”实心圆 在文本行前面加“○”空心圆 在文本行前面加“■”实心方块 在文本行前面加普通的阿拉伯数字 在文本行前面加小写罗马数字 在文本行前面加大写罗马数字 在文本行前面加小写英文字母。 在文本行前面加大写英文字母。 不显示任何项目符号或编号 disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none list-style-position 列表位置属性值 属性值 outside 说明 列表贴近左侧边框 说明 列表缩进 inside CSS 滤镜 滤镜 描述 alpha 透明的层次效果 Gray 灰度效果 BlendTrans 淡入或淡出效果 Invert 将颜色的饱和度及亮度值完全反转 blur 快速移动的模糊效果 Mask 遮罩效果 chroma 特定颜色的透明效果 RevealTrans 使用特定种类的转换效果 dropshadow 阴影效果 Shadow 渐变阴影效果 flipH 水平翻转效果 Wave 波浪变形效果 flipV 垂直翻转效果 Xray X 射线效果 Glow 边缘光晕效果 Alpha 滤镜属性值 属性值 说明 opacity finishopacity style Startx Starty Finishx Finishy 代表透明度水准。默认的范围是从 0 到 100，其实是百分比的形式。也就是说，0 代表完全透明， 100 代表完全不透明。 是一个可选参数，如果想要设置渐变的透明效果，就可以使用它们来指定结束时的透明度。范围也 是 0 到 100。 参数指定了透明区域的形状特征。其中 0 代表统一形状、1 代表线形、2 代表放射状、3 代表长方 形。 代表渐变透明效果的开始 X 坐标 代表渐变透明效果的开始 Y 坐标 代表渐变透明效果结束 X 的坐标。 代表渐变透明效果结束 Y 的坐标。 BlendTrans 滤镜属性值 属性值 说明 网页过渡效果的延续时间，单位为秒 Duration Blur 滤镜属性值 属性值 说明 是一个布尔判断“TRUE（默认）”或者“FALSE”。它指定图片是否被改变成印象派的模糊效果。 Add Direction Strength 用来设置模糊的方向。其中 0 度代表垂直向上，然后每 45 度为一个单位。它的默认值是向左的 270 度。 只能使用整数来指定，它代表有多少像素的宽度将受到模糊影响。默认是 5 个。 DropShadow 滤镜属性值 属性值 说明 属性值 Color 设置阴影颜色 Offy Offx 阴影相对于原始对象的水平位置 Positive 说明 阴影相对于原始对象的垂直位置 设置阴影的透明，0 为透明，1 为不透 明 Glow 滤镜属性值 属性值 说明 Color 设定边缘光晕的颜色 Strength 设定边缘光晕的强度大小，取值为 1-255。 RevealTrans 滤镜属性值 属性值 Duration 说明 网页过渡效果的延续时间，单位为秒 属性值 Transtion 说明 过渡效果的方式编号 Transtion 属性值编号 编号 效果 0 盒状收缩 12 溶解 1 盒状展开 13 左右向中部收缩 2 圆形收缩 14 中部向左右展开 3 圆形展开 15 上下向中部收缩 4 向上擦除 16 中部向上下展开