xcode quotes_CSS中的quotes属性-CSDN博客

xcode quotes

CSS | 报价属性 (CSS | quotes Property)

Trivia:

琐事：

It is a very good practice to add quotes to the statements which you want to emphasize on your website or web page, besides using quotes will also draw the attention of the users to those sentences. Therefore, one must imply quotes on their website or web page wherever necessary.

将引号添加到您要在网站或网页上强调的语句是一个很好的做法，除了使用引号之外，还会引起用户对这些句子的注意。因此，在必要时必须暗示其网站或网页上的报价。

Gist:

要旨：

Now that we are aware of the significance of the use of quotes in our website, why don't we discuss how to handle those quotes because you can not go around placing quotes to wherever you feel like, as that would make the appearance of the website or web page shabby and also users will lose interest in your website or web page right away when they will open your website or web page. So various such properties can prove to be of help for handling quotes and this section is about one such property called quotes Property in CSS.

既然我们已经知道在我们的网站中使用引号的重要性，为什么我们不讨论如何处理这些引号，因为您无法随意将引号放到您想要的位置，因为那样会使外观看起来很明显。网站或网页破旧，当用户打开您的网站或网页时，他们也会立即对您的网站或网页失去兴趣。因此，各种这样的属性可以证明对处理引号有所帮助，本节介绍的是CSS中称为quotes Property的一个这样的属性。

Definition:

定义：

To understand this property, let us have a look at the definition of this property to understand this much better.

要了解此属性，让我们看一下此属性的定义以更好地理解它。

The quotes property in CSS is used to specify which quotes are to be used when quotes are added via content:open-quote; or content:close-quote; values. Therefore, using quotes is a necessity and one must use quotes if possible.

CSS中的quotes属性用于指定通过content：open-quote;添加引号时要使用的引号。或content：close-quote; 价值观。因此，使用引号是一种必要，如果可能，必须使用引号。

Syntax:

句法：

    Element{
        quotes : none|string;
    }

The quotes property takes up to two values none or string. To understand this property in detail, it is a must to understand these two values as well.

quotes属性最多包含两个值none或string 。要详细了解此属性，还必须了解这两个值。

引号：无 (quotes : none)

The first value is the none value and it is not that tough to understand this value at all, have a look at the explanation below for a clear understanding.

第一个值是无值，要完全理解该值并不难，请看下面的说明以获得清晰的理解。

The none value of the quotes property specifies the open-quote and close-quote values of the content property to produce no quotation marks at all. This is also the default value.

quotes属性的none值指定content属性的开引号和闭引号值，以完全不产生引号。这也是默认值。

Syntax:

句法：

    Element{
        quotes:none;
    }

Example:

例：

<!DOCTYPE html>

<html>

<head>
    <style>
        p {
            quotes: none
        }
    </style>
</head>

<body>
    <h1>The quotes Property</h1>
    <p><q>This is IncludeHelp.</q></p>
</body>

</html>

Output

输出量

In the above example, it is visible that the quotes property's value is set to none hence no quotation marks are displayed. Besides being none as the default if you do not wish to enter this value explicitly, the result will be the same.

在上面的示例中，可见quotes属性的值设置为none，因此不显示任何引号。如果您不想显式输入此值，则除了默认设置为none外，结果将相同。

引号：字符串 (quotes : string)

The second value of the quotes property is the string value, this value deals with the open-quote and close-quote string values, which would be much more understandable if you take a look at the explanation below.

quotes属性的第二个值是字符串值，该值处理开引号和闭引号字符串值，如果您看一下下面的解释，这将更容易理解。

This value of the quote property contains one or more pairs of strings values for open-quote or close-quote. The first pair represents the outer level of the quotation; the second pair represents the first nested level and so on.

quote属性的此值包含一对或多对用于双引号或双引号的字符串值。第一对代表报价的外部水平；第二对代表报价的外部水平。第二对代表第一个嵌套级别，依此类推。

Syntax:

句法：

    Element{
        quotes:string;
    }

In the below example, we will see different levels of quotation marks and nested quotations.

在下面的示例中，我们将看到不同级别的引号和嵌套引号。

Example:

例：

<!DOCTYPE html>

<html>

<head>
    <style>
        #q1 {
            quotes: '‹' '›';
        }
        
        #q2 {
            quotes: '«' '»';
        }
        
        #q3 {
            quotes: '‹' '›' '«' '»';
        }
        
        #q4 {
            quotes: ''' ''';
        }
        
        #q5 {
            quotes: '"' '"';
        }
        
        #q6 {
            quotes: '\2039' '\203A';
        }
        
        #q7 {
            quotes: '\''00AB' 
 '\00BB';
        }
        
        #q8 {
            quotes: '\2039' '\203A' '\00AB' '\00BB';
        }
        
        #q9 {
            quotes: '\2018' '\2019';
        }
        
        #q10 {
            quotes: '\201D' '\201E';
        }
    </style>
</head>

<body>
    <h1>The quotes Property</h1>
    <p><q id="q1">This is IncludeHelp.</q></p>
    <p><q id="q2">This is IncludeHelp.</q></p>
    <p><q id="q3">This is IncludeHelp.</q></p>
    <p><q id="q4">This is IncludeHelp.</q></p>
    <p><q id="q5">This is IncludeHelp.</q></p>
    <p><q id="q6">This is IncludeHelp.</q></p>
    <p><q id="q7">This is IncludeHelp.</q></p>
    <p><q id="q8">This is IncludeHelp.</q></p>
    <p><q id="q9">This is IncludeHelp.</q></p>
    <p><q id="q10">This is IncludeHelp.</q></p>
</body>

</html>

Output

输出量

In the above example, it can be seen that by using this value you can generate various types of open-quote and close-quote elements, as we can see different levels and types of close-quotes and open-quotes here in this example.

在上面的示例中，可以看出，通过使用此值，您可以生成各种类型的open-quote和close-quote元素，因为在此示例中，我们可以看到不同级别和类型的close-quote和open-quotes。