CSS中的scroll是什么意思?

html-css044

CSS中的scroll是什么意思?,第1张

scroll

是CSS中某些属性当中的值

一般都是跟滚动挂钩的

下面是涉及scroll值的主流的两个属性

===================

第一个:background-attachment

实例用法:

body{ background-image: url(bgimage.gif) background-attachment: fixed }

所有浏览器都支持 background-attachment 属性。

作用:

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

属性值有三个

scroll:默认值。背景图像会随着页面其余部分的滚动而移动。

fixed:当页面的其余部分滚动时,背景图像不会移动。

inherit:规定应该从父元素继承 background-attachment 属性的设置。(所有浏览器目前均不支持该属性值)

======================

第二个:overflow

实例用法:

div{ width:150pxheight:150pxoverflow:scroll}

所有主流浏览器都支持 overflow 属性。

作用:

overflow 属性规定当内容溢出元素框时发生的事情。

属性值有五个:

visible:默认值。内容不会被修剪,会呈现在元素框之外。

hidden:内容会被修剪,并且其余内容是不可见的。

scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。(配合height使用)

auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。(没有height的时候)

inherit:规定应该从父元素继承 overflow 属性的值。(所有浏览器目前均不支持该属性值)

background:

none

transparent

scroll

repeat

0%

0%

第一

你的这句是错的。

但是系统会帮你解释成下面这样。

background:transparent

none

repeat

scroll

0%

0%

分别代表

背景属性:背景颜色

背景图片

背景是否重复

背景时候随浏览器滚动

背景平位置

背景垂直位置

background

:

background-color

||

background-image

||

background-repeat

||

background-attachment

||

background-position

transparent表示透明无颜色

none

表示没有设置背景图片

repeat

表示图片重复

scroll

表示背景图片随浏览器下拉而滚动

0%水平位置在x0

0%垂直位置在y0

这个试试是background

的默认这是

也就是说

没有对background属性进行设置的时候

他就会使用这用设置

BACKGROUND: none transparent scroll repeat 0% 0%

第一 你的这句是错的。

但是系统会帮你解释成下面这样。

BACKGROUND:transparent none repeat scroll 0% 0%

分别代表

背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置

background : background-color || background-image || background-repeat || background-attachment || background-position

transparent表示透明无颜色

none 表示没有设置背景图片

repeat 表示图片重复

scroll 表示背景图片随浏览器下拉而滚动

0%水平位置在x0

0%垂直位置在y0

这个试试是background 的默认这是 ,

也就是说 没有对background属性进行设置的时候 他就会使用这用设置