CSS背景和列表笔记

205 阅读1分钟

背景颜色

background-color:值

  • 值:transparent表示无色,全透明;颜色值,如red、RGB、十六进制。
  • 背景包括内容、边框和内边距padding,但不包括外边距margin。

注:border中solid为直线,dashed为虚线,默认颜色为文本颜色。

背景图片

background-image:URL/none

  • 元素背景包括内容、边框和内边距padding,但不包括外边距margin。
  • 默认位于元素左上角,水平垂直均重复。

背景图片重复

background-repeat:值

值:重复repeat、不重复no-repeat、水平重复repeat-x、垂直重复repeat-y

背景图片显示方式

background-attachment:值

值:随滚动条滚动(默认)scroll、不移动fixed

背景图片定位

background-position:值

背景设置的缩写

background:[background-color] [background-image]
           [background-repeat]
           [background-attachment] 
           [background-position]

注:

  • 各值之间用空格隔开。
  • repeat、attchment、position是用来给图片加样式,故应放在image后。

列表项标记

1. 简单列表项

list-style-type:值

2.图片列表项

list-style-image:URL/none

列表项标记的位置

list-style-position:值

值:

  • inside:列表项在文本内,第二行文本与列表项对齐。
  • outsie(默认):列表项在文本外,第二行文本不与列表项对齐。

列表设置的缩写

list-style:[list-style-type]
           [list-style-position]
           [list-style-image]

注:

  • 各值用空格分隔。
  • 图片列表项image覆盖简单列表项type。