区块占据一整行的标记叫做区块。例如: ... ... 只要是区块,可以使用如下属性名称:
下面例子可以体现区块的含义以及各种属性的意义: CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 浮动
往左/右边浮动的意思是:如果视窗足够宽,那么元件会尽量挤占上面的位置,与前面的元件并列显示。 注意,如果有多个元件,前面的元件使用了float属性,后面的元件如果不使用float,那么需要添加clear:both属性,否则该元件会被前面的元件覆盖。 定位
注一:position属性与margin-left/right/top-bottom属性的区别在于,position让元件在移动的过程中不影响周围其他元件的位置,不会让其他元件的位置发生变化,而margin属性在移动元件时,会让其他紧挨着该元件的元件位置也一起发生变化。 注二:设定值relative与absolute的区别在于:1.当设定为relative时,left/top/right/bottom里设置的数值是元件距离外部边框的水平或垂直距离,当设置为absolute时,left/top/right/bottom里设置的数值是元件距离外部边框左上角的斜角距离;2. 当设定为relative时,元件移动后,紧挨元件的其他元件不会占用该元件原本的位置,也即元件原本的位置仍然保留在网页上,当设置为absolute时,元件移动后,紧挨元件的其他元件会自动顶上占据它的位置。 注三:属性z-index的作用是,当position的设定值为absolute时,决定重叠的元件叠放的顺序。 例子: CSS区块、浮动、定位、溢出、滚动条 溢出当对象(区块)内放置的内容溢出了对象时,可以通过以下属性自动给区块添加滚动条:
例子: CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 CSS区块、浮动、定位、溢出、滚动条 滚动条的外观属性
|
|
来自: 昵称39079190 > 《文件夹1》