CSS 基本属性

CSS基本属性

背景属性

• background-color

• background-image

  • URL()插入图片链接

• background-repeat

  • no-repeat/repeat/repeat-x/repeat-y;

  • 不平铺/平铺/横向平铺/纵向平铺

• background-attachment

  • scroll/fixed

  • 图片随文本内容滚动/不滚动

• background-position

  • 参数 X Y

  • 定位图片位置(left/center/right)/(top/center/bottom)

文本属性

• color

  • 设置文本颜色

• letter-spacing

  • 设置行内字符间距

• line-height:

  • 设置行间距

• text-align

  • 设置对齐方式(left/center/right)

• text-decoration

  • 设置文本样式

  • 下划线/删除线/上划线(underline/line-through/overline)

• text-indent

  • 设置文本首行缩进

• texttransform

  • 设置文本大小写转换

  • 每个单词首字母大写/转换为大写/转换为小写

  • capitalize/uppercase/lowercase

• font-size

  • 不解释

• font -family

  • 字体风格设置

    • 汉字：宋体，黑体，楷体……

    • 英文：Times New Roman,Arial

边框属性

• border-style

  • 设置边框样式

  • 黑色实线/双线(中间距离等于border-width)/指定颜色的线(由border-color指定)/菱形边框/3D凹边/3D凸边

  • solid/double/grove/ridge/inset/outset

• border-color

• border-width

• border-top/right/bottom/left

  • 设置某边的连续多条属性

• border

  • 设置四边的连续多条属性

外边距与内边距

• margin

  • 设置外边距

  • 可直接设置像素亦可margin:0 auto表示上下外边距为0，左右居中

• margin-top/right/bottom/left

  • 与上类似

• padding-top/right/bottom/left

  • 与上类似

列表属性

• list-style-image：URL()

  • 改变列表图标

  • 该属性只是只是插入自己设置的图案，并没有取消原来默认的图案必须与list-style:none 连用如:

    ul{list-style:none;/*定义ul标签下的列表不显示原有样式*/}
li{list-style-image:url();}

• list-style-position

  • outside设置标记不在文本内容里，且文本内容不与其对齐

  • inside ……

• list-style-type

  • 改变符号排序样式

    • disc 实心圆
    • circle 空心圆
    • square 实心方块
    • decimal 阿拉伯数字
    • lower-roman 小写罗马数字i ii iii
    • upper-roman 大写罗马数字I II III
    • lower-alpha 小写英文字母 a b c
    • upper-alpha 大写英文字母 A B C
    • none 不使用项目符号