css内容多栏.docx

《css内容多栏.docx》由会员分享，可在线阅读，更多相关《css内容多栏.docx（44页珍藏版）》请在冰豆网上搜索。

css内容多栏

1css内容

DOCTYPEhtml>

--

描述：

用来和:

after及:

before伪元素一起使用，在对象前或后显示内容。

语法：

content：

normal|none|[|||counter（name）|counter（name,list-style-type）|counters（name,string）|counters（name,string,list-style-type）|no-close-quote|no-open-quote|close-quote|open-quote]+

默认值：

normal

取值：

normal：

默认值。

表现与none值相同

none：

不生成任何值。

：

插入标签属性值

：

使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源）

：

插入字符串

counter（name）：

使用已命名的计数器

counter（name,list-style-type）：

使用已命名的计数器并遵从指定的list-style-type属性

counters（name,string）：

使用所有已命名的计数器

counters（name,string,list-style-type）：

使用所有已命名的计数器并遵从指定的list-style-type属性

no-close-quote：

并不插入quotes属性的后标记。

但增加其嵌套级别

no-open-quote：

并不插入quotes属性的前标记。

但减少其嵌套级别

close-quote：

插入quotes属性的后标记

open-quote：

插入quotes属性的前标记

-->

string：

你的浏览器是否支持content属性：

否

attr：

url（）：

如果你看到文字前面的图标则说明你目前使用的浏览器支持content属性

counter（name）：

1. 列表项
2. 列表项
3. 列表项

counter（name,list-style-type）：

1. 列表项
2. 列表项
3. 列表项

counter（name）拓展应用：

1. 列表项

   1. 列表项

      1. 列表项
      2. 列表项

   2. 列表项

2. 列表项

   1. 列表项
   2. 列表项

3. 列表项

   1. 列表项
   2. 列表项

2increment

DOCTYPEhtml>

--

描述：

-->

默认时的计数器：

1. 列表项
2. 列表项
3. 列表项

修改计数器每次增加的值为2：

1. 列表项
2. 列表项
3. 列表项

修改计数器每次增加的值为-1：

1. 列表项
2. 列表项
3. 列表项

3reset

DOCTYPEhtml>

默认时被复位的计数器：

1. 列表项
2. 列表项
3. 列表项

将计算器复位为20：

1. 列表项
2. 列表项
3. 列表项

将计算器复位为-1：

1. 列表项
2. 列表项
3. 列表项

4检索对象是否多行

DOCTYPEhtml>

--

描述：

设置或检索对象之后是否断行。

语法：

column-break-after：

auto|always|avoid|left|right|page|column|avoid-page|avoid-column

默认值：

auto

取值：

auto：

既不强迫也不禁止在元素之后断行并产生新列

always：

总是在元素之后断行并产生新列

avoid：

避免在元素之后断行并产生新列

-->

column-break-after:

always

Thismoduledescribesmulti-columnlayoutinCSS.Byusingfunctionalitydescribedinthisdocument,stylesheetscandeclarethatthecontentofanelementistobelaidoutinmultiplecolumns.

Thismoduledescribesmulti-columnlayoutinCSS.Byusingfunctionalitydescribedinthisdocument,stylesheetscandeclarethatthecontentofanelementistobelaidoutinmultiplecolumns.