日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

css 應(yīng)用樣式的方法有：1. 行內(nèi)樣式 2. 嵌入樣式 3. 外部樣式表 4. css 預(yù)處理器 5. javascript

CSS 應(yīng)用樣式

CSS（層疊樣式表）提供了多種應(yīng)用樣式的方法：

1. 行內(nèi)樣式

通過(guò)直接在 HTML 元素中使用 style 屬性為特定元素應(yīng)用樣式。

<code class="html"><p style="color: red; background-color: yellow;">文本</p></code>

登錄后復(fù)制

2. 嵌入樣式

將樣式規(guī)則寫(xiě)入 元素內(nèi)，并將其包含在 HTML 文檔的 元素中。

<code class="html">
  <style>
    p {
      color: red;
      background-color: yellow;
    }
  </style></code>

登錄后復(fù)制

3. 外部樣式表

將樣式規(guī)則存儲(chǔ)在單獨(dú)的 .css 文件中，并通過(guò) 元素將其鏈接到 HTML 文檔。

<code class="html">
  <link rel="stylesheet" href="styles.css"></code>

登錄后復(fù)制

4. CSS 預(yù)處理器

使用像 Sass、Less 和 Stylus 這樣的 CSS 預(yù)處理器編寫(xiě) CSS 代碼。這些預(yù)處理器提供附加功能，如變量、嵌套和混入。

<code class="scss">// Sass 代碼
$color: red;

p {
  color: $color;
}</code>

登錄后復(fù)制

5. JavaScript

利用 DOM（文檔對(duì)象模型）API 使用 JavaScript 動(dòng)態(tài)地應(yīng)用樣式。

<code class="javascript">const paragraph = document.querySelector('p');
paragraph.style.color = 'red';</code>

登錄后復(fù)制