【摘要】 CSS背景和列表考必过小编为大家整理了关于CSS背景和列表的信息，希望可以帮助到大家！
CSS背景和列表
标签：pac 方式 状态 属性 第一个 idt rgb 根据 字母
CSS背景和列表介绍
1、 CSS背景和列表介绍
背景样式：
background-color 设置元素的背景颜色。
background-image 把图像设置为背景。
background-position 设置背景图像的起始位置。
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
background-repeat 设置背景图像是否重复及如何重复。
Background 简写属性作用是将背景属性设置在一个声明中。
列表样式
list-style-type 设置列表项标志的类型。
list-style-image 将图象设置为列表项标志。
list-style-position 设置列表中列表项标志的位置。
list-style 简写属性。用于把所有列表的属性设置于一个声明中。
CSS背景
1、 background-color
设置元素的背景颜色
background-color:颜色│ transparent
说明：
-transparent是全透明黑色(black)的速记法，类似rgba(0,0,0,0)这样的值。
-颜色值（颜色名│RGB│十六进制│)
-背景区包括内容、内边距(padding）和边框、不包含外边距(margin)
2、background-image
设置元素的背景图片
background-image : URL | none
说明：
-url地址可以是相对地址也可以是绝对地址
-元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
-默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
*背景图片会覆盖背景颜色
3、background-repeat
设置元素的背景图片的重复方式
background-repeat: repeat(重复) | no-repeat(不重复)
repeat-x (水平重复) | repeat-y（垂直重复）
*在有背景图片的状态下才能使用
4、background-attachment
设置元素的背景图片的显示方式
background-attachment: scroll | fixed
说明:
scroll:默认值，背景图片随滚动条滚动
fixed:当页面的其余部分滚动时，背景图片不会移动
5、background-position
设置元素的背景图片的起始位置
background-position:百分比│值
top │ right │ bottom l left | center
|
值 |
说明 |
注意 |
|
长度值(x y) |
第一个值水平位置，第二个值垂直位置 左上角00 |
只写一个参数的话，第二个默认为居中 |
|
百分比(x% y%) |
第一个值水平位置的百分比，第二个值垂直位置的百分比 左上角0%0%，有下角100%100%, 如果仅规定了一个值，另一个值将是50%。 |
只写一个参数的话，第二个默认为居中 |
|
top |
顶部显示，相当于垂直方向0 |
只写一个参数的话，第二个默认为居中 |
|
right |
右边显示，相当于水平方向100% |
只写一个参数的话，第二个默认为居中 |
|
left |
左边显示，相当于水平方向0 |
只写一个参数的话，第二个默认为居中 |
|
bottom |
底部显示，相当于垂直方向100% |
只写一个参数的话，第二个默认为居中 |
|
center |
居中显示，相当于水平方向50% |
水平、垂直方向都居中 |
6、 background
background：[background-color][background-image]
[background-repeat]
[background-attachment]
[background-position]
*各值之间用空格分割，不分先后顺序
CSS列表
1、 list-style-type
设置列表项的标记样式类型
list-style-type:关键字|none
无序列表：
|
值 |
说明 |
|
None |
无标记 |
|
Disc |
空心的圆点 |
|
Circle |
空心的圆点 |
|
Square |
实心的方块 |
有序列表：
|
值 |
说明 |
|
None |
无标记 |
|
Decimal |
从1开始的整数 |
|
Lower-roman |
小写罗马数字 |
|
Upper-roman |
大写罗马数字 |
|
Lower-alpha |
小写英文字母 |
|
Upper-alpha |
大写英文字母 |
2、 list-style-image
使用图片设置列表项的标记
list-style-image : URL | none
3、 list-style-position
设置列表项标记的位置
list-style-position : inside | outside
*inside :列表项目标记放置在文本以内，且环绕文本根据标记对齐
*outside :默认值，列表项目标记放置在文本以外，且环绕文本不根据标记对齐
4、 list-style列表样式缩写
list-style : list-style-type
list-style-position
list-style-image
*值之间用空格分隔割
*顺序不固定
*list-style-image会覆盖list-style-type的设置
CSS背景和列表
标签：pac 方式 状态 属性 第一个 idt rgb 根据 字母
以上就是CSS背景和列表的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！