如何在HTML标签上使用不止一种样式?

时间:2018-11-01 13:38:16

标签: html html5 gsp

以下HTML代码可在我的GSP上使用,以使标签变为粗体,但我也想指定一个底边距。

这是我标签的当前代码:

<label class="control-label col-sm-6" style="font-weight: bold;" for="customerSection">
                    Most Updated Customer Information Available
</label>

我还要在此标签上设置以下样式:

style="margin-bottom: 0.3cm"

但是我还不需要将两者都分配给一个标签。如何为该标签同时分配粗体和底距样式?

4 个答案:

答案 0 :(得分:0)

<label class="control-label col-sm-6" style="font-weight: bold;margin-bottom: 0.3cm" for="customerSection">
                Most Updated Customer Information Available </label>

答案 1 :(得分:0)

您可以在分号后添加更多CSS语法

WITH cte as (
                SELECT TOP 1 * 
                FROM ProductHandles 
                WHERE Used = 0
                ORDER BY sort 
            )
UPDATE cte 
SET Used = 1
OUTPUT INSERTED.ID

答案 2 :(得分:0)

The; CSS中的符号(用于编写样式的编程语言)表示语句的结尾。含义;要更改多种样式,您只需用此符号将它们分开。

修正的HTML:

<label class="control-label col-sm-6" style="font-weight: bold; margin-bottom: 1em;" for="customerSection">
                    Most Updated Customer Information Available
</label>

要调整大小,请使用em,px或%。

另一种粗体显示方法是将文本括在标记中,例如:

<label class="control-label col-sm-6" style="margin-bottom: 1em;" for="customerSection">
                        <strong>Most Updated Customer Information Available</strong>
</label>

答案 3 :(得分:0)

您应该像下面那样添加所有css,因为内联css不是一个好习惯。我建议您在“样式”标签内的不同文件或同一文件中提供如下所示的所有样式

label.control-label.col-sm-6 {
  margin-bottom: 0.3cm;
  font-weight: bold;
  float: left;
}
<label class="control-label col-sm-6" for="customerSection">
                    Most Updated Customer Information Available
</label>