我的第一個段落。

方法二：外部樣式表

將CSS代碼保存在一個單獨的.css文件中，然后在HTML文件的部分使用標(biāo)簽將其鏈接到HTML文件，這種方法適用于較大的項目，因為它允許我們將樣式與內(nèi)容分離。

創(chuàng)建一個名為styles.css的文件，并添加以下代碼：

body {
  backgroundcolor: lightblue;
}
h1 {
  color: white;
  textalign: center;
}

在HTML文件中使用標(biāo)簽將其鏈接到HTML文件：

我的第一個標(biāo)題
我的第一個段落。

方法三：內(nèi)聯(lián)樣式表

在HTML元素的style屬性中直接編寫CSS代碼，這種方法僅適用于單個元素，因為它將樣式直接應(yīng)用于元素，而不是整個文檔，它可能導(dǎo)致代碼難以維護和重用。

我的第一個標(biāo)題
我的第一個段落。

3、CSS選擇器和屬性

要修改HTML元素的樣式，我們需要使用CSS選擇器來選擇目標(biāo)元素，然后使用CSS屬性來設(shè)置這些元素的樣式，以下是一些常用的CSS選擇器和屬性：

選擇器：用于選擇HTML元素的模式，類選擇器（.class）、ID選擇器（#id）、元素選擇器（element）、后代選擇器（A B）、子元素選擇器（A > B）等。

屬性：用于設(shè)置HTML元素的樣式，顏色屬性（color）、背景屬性（backgroundcolor）、字體屬性（fontfamily）、文本對齊屬性（textalign）等。

4、CSS盒模型

CSS盒模型是一個概念模型，用于描述HTML元素的布局，一個HTML元素通常由四個部分組成：內(nèi)容區(qū)域、內(nèi)邊距、邊框和外邊距，我們可以使用CSS屬性來調(diào)整這些部分的大小和樣式，以下是一些常用的CSS屬性：

內(nèi)容區(qū)域：width和height（寬度和高度）屬性用于設(shè)置內(nèi)容區(qū)域的尺寸；margin（外邊距）屬性用于設(shè)置內(nèi)容區(qū)域與其他元素之間的空間；padding（內(nèi)邊距）屬性用于設(shè)置內(nèi)容區(qū)域的內(nèi)部空間。