Question

我一直看到这一点，无论我如何尝试搜索它，因为它与许多其他搜索字符串（例如省略号和精确字符匹配）冲突，我无法得到任何搜索结果来解释这一点。有时我会得到女人的时尚和风格，或者我会在文字的最后添加解释......

<div id="article_^article_id^" class="article" article-index="^article_index^">
    <h1>^article_headline^</h1>
    <h3 style="...">^article_subheading^</h3>
    <div class="article_body">
        ^tmp_elements=article=byline^
        <div class="timestamp" style="...">^article_timestamp^</div>
        ^article_layout^
    </div>
    ^comments^
    <div class="spacer"></div>
</div>

我明白了。我正在使用WebStorm来查看我在Github上为pencilblue CMS找到的代码。 WebStorm正在连接编译时模板将被音译的变量。

点击它后无缘无故地扩展到

<div id="article_^article_id^" class="article" article-index="^article_index^">
    <h1>^article_headline^</h1>
    <h3 style="^article_subheading_display^">^article_subheading^</h3>
    <div class="article_body">
        ^tmp_elements=article=byline^
        <div class="timestamp" style="^article_timestamp_display^">^article_timestamp^</div>
        ^article_layout^
    </div>
    ^comments^
    <div class="spacer"></div>
</div>

Answer 1

可以使用以下方式添加HTML的样式规则：

外部CSS文件
页内样式标记
内联样式属性（＆lt; ... Style =＆＃34; ....＆＃34;）

可以使用内联样式为单个元素应用唯一样式。

内联样式失去了样式表的许多优点（通过将内容与表示混合）。谨慎使用这种方法！

要使用内联样式，请将style属性添加到相关标记。 style属性可以包含任何CSS属性。

例如： -

<h3 style="color:blue;margin-left:30px;">Hello Worlds</h3>

这会为您的元素添加color:blue和margin-left:30px CSS属性。另请注意，它将覆盖通过外部CSS文件或Style标签应用于元素的任何现有样式。由于优先级为

1.Inline Style Attribute（＆lt; ... Style =＆＃34; ....＆＃34;）

2.页内样式标签

3.外部CSS文件

Reference link

Answer 2

样式（或内联样式）是HTML和HTML5标记中的一个属性，用于设计和自定义HTML组件，它与CSS文件没有区别，只是它与HTML组件内联编写。以下是如何使用样式内联属性的示例：

<input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30">

style =“......”做什么？

2 个答案: