css常用属性

字体

font-family
只有本地支持改字体,才能显示出来。

  • 字体尺寸

font-size

  • 字体样式

font-sytle

属性值 样式
normal 标准
italic 倾斜
  • 字体粗细

font-weight

属性值 样式
normal 正常(400)
bold 粗体(700)
bolder 更粗
lighter 更细

也可以设置一个具体的数值
100、200、300、400、500、600、700、800、900

  • 简写

font定义文字的所有样式
属性值用空格隔开

文本

  • 颜色
    color

  • 行高
    line-height

  • 对齐方式
    text-align
    left(左)、right(右)、center(居中)

  • 方向
    dirction
    ltr(左)、rtl(右)

  • 缩进
    text-indent设置首行缩进

  • 装饰线
    text-decoration设置文本的装饰线
    underline(下划线)、overline(上画线)、light-through(中划线)

  • 间隔
    letter-spacing设置文字的间隔。可以为负值

  • 阴影
    text-shadow设置文本的阴影
    属性值:X轴偏移量 Y轴偏移量 模糊距离 颜色

尺寸

  • 高度和宽度
    width定义宽度
    height定义高度

  • 最小高度和最小宽度
    min-width定义最小宽度
    min-height定义最小高度

  • 最大高度和最大宽度
    max-width定义最大宽度
    max-height定义最大高度

列表

  • list-tyle-image
    指定一个图片为列表项前面的标记

  • list-tyle-position
    设置标记位置
    属性值:outside、inside

  • list-tyle-type
    设置列表项前面图标的类型
    属性值:disc、 circle、square、decimal、none

  • list-tyle
    简写属性
    属性值: list-tyle-image list-tyle-position list-tyle-type

背景

  • background-color
    颜色名:red
    十六进制颜色:#ff0000
    rgb函数:rgb(255,0,0)

  • background-image
    设置一个图片的url地址

  • background-repeat
    设置背景图片的平铺方式
    属性值:repeat-x(沿x轴平铺)、repeat-y(沿y轴平铺)、no-repeat(不平铺)

  • background-position
    设置背景图片的起始点位置

  • background-attachment
    设置图片固定或随页面滚动
    属性值:scroll(滚动)、fixed(固定 )

  • background
    简写属性

你可能感兴趣的:(css)