css中的content: "." 有甚么用?为何要用他?

日期:2020-10-21 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

这段编码中的content: ".";有甚么用,处理了甚么难题,为何要用他?

拷贝编码
编码以下:

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

1--

在写HTML编码的情况下,发如今Firefox等合乎W3C规范的访问器中,假如有1个DIV做为外界器皿,內部的DIV假如设定了float款式,则外界的器皿DIV由于內部沒有clear,致使不可以被撑开。
这个clearfix的CSS应用了after这个伪目标,它将在运用clearfix的元素的末尾加上content中的內容。在这里加上了1个句号".",而且把它的display设定成block;高宽比设为0;clear设为both;visibility设为掩藏。这样就做到了撑开器皿的目地啦。

2--

content的英语的语法倒是非常少用,不久查了下材料:

英语的语法:


拷贝编码
编码以下:

content : attr(alt) | 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 | string | url(url)

赋值:

拷贝编码
编码以下:

attr(alt)
:

应用目标的 alt 特性的文本

拷贝编码
编码以下:

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
:

应用用引号括起的标识符串

拷贝编码
编码以下:

url(url)
:

应用特定的肯定或相对性 url 详细地址 表明:用来和 :after 及 :before 伪元素1起应用,在目标前或后显示信息內容。对应的脚本制作特点为 content 。示例:

拷贝编码
编码以下:

p:after { content: url("http:www.devguru.com");
text-decoration: none; }
p:before { content: url("beep.wav") }

你所问的难题:依据英语的语法,应当属于取 “ string :  应用用引号括起的标识符串 ”应当意思便是 在.clearfix目标以后显示信息 . 这个标识符吧