在網頁設計中，經常需要對元素進行樣式調整。而CSS作為網頁設計中最基礎的技術之一，可以幫助我們實現對元素的各種樣式定義。在CSS中，盒子是我們常用的一個元素，它可以幫助我們實現元素的布局和所需樣式。下面就來介紹一下CSS中如何引入盒子。
CSS中引入盒子的方式有多種，以下是其中的兩種方式：
第一種引入方法是通過HTML頁面引入CSS樣式表。我們可以在HTML的頭部區域使用link元素來引入CSS樣式表，并在樣式表中進行盒模型的調整，然后通過類名來選擇該盒模型應用于哪些HTML標簽。示例代碼如下：
HTML部分代碼：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="box"> <p>這是一個盒子的內容</p> </div> </body>
CSS部分代碼：
.box{
width: 200px;
height: 200px;
border: 1px solid #000;
padding: 10px;
margin: 20px;
}
.box p{
font-size: 14px;
line-height: 24px;
}在上述代碼中，“link”元素用于引入CSS樣式表，“.box”代表一個盒子的類名，我們可以在CSS中設置盒子的各種樣式屬性，如寬度、高度、邊框、內邊距、外邊距等。最后，使用“.”符號+元素名（“p”）來選擇該盒模型下指定元素的樣式屬性。
第二種引入方法是在HTML頁面的head標簽內通過style元素定義CSS樣式，然后將其與HTML元素結合使用。示例代碼如下：代碼如下：
<head>
<style type="text/css">
.box{
width: 200px;
height: 200px;
border: 1px solid #000;
padding: 10px;
margin: 20px;
}
.box p{
font-size: 14px;
line-height: 24px;
}
</style>
</head>
<body>
<div class="box">
<p>這是一個盒子的內容</p>
</div>
</body>在上述代碼中，“style”元素用于定義CSS樣式，然后使用類名“.box”進行選擇器，設定盒子的各項樣式屬性，最后再選擇盒子下的元素（“p”）并對其樣式進行設定。
總體來說，以上兩種方式都是常見的引入盒模型的方法。我們可以根據實際需求選擇合適的方法進行應用，最終實現盒子的樣式更改，從而達到更好的網頁設計效果。