在CSS中，公共樣式通常被定義在一個(gè)單獨(dú)的文件中，這個(gè)文件包含了所有公共樣式規(guī)則，例如顏色、字體、布局等，這些樣式規(guī)則可以在整個(gè)應(yīng)用程序中被重復(fù)使用，以確保應(yīng)用程序的外觀和感覺一致。
要編寫CSS公共樣式，可以按照以下步驟進(jìn)行：
1、創(chuàng)建一個(gè)新的CSS文件，例如public.css。
2、在該文件中定義公共樣式規(guī)則，您可以定義公共顏色、字體、布局等。
3、在需要使用這些樣式的HTML文件中引入public.css文件。
4、確保在HTML文件中使用公共樣式時(shí)，不會(huì)覆蓋public.css中定義的樣式規(guī)則。
以下是一個(gè)簡單的CSS公共樣式示例：
/* public.css */
/* 公共顏色 */
:root {
--main-color: #333;
--secondary-color: #666;
}
/* 公共字體 */
body {
font-family: 'Arial', sans-serif;
}
/* 公共布局 */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}在上面的示例中，我們定義了三個(gè)公共樣式規(guī)則：顏色、字體和布局，我們可以在HTML文件中引入public.css文件，并使用這些公共樣式。
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" href="public.css">
</head>
<body>
<div class="container">
<h1>Welcome to My Website</h1>
<p>This is a paragraph of text.</p>
</div>
</body>
</html>在上面的HTML文件中，我們引入了public.css文件，并使用了一個(gè)帶有container類的div元素來包裹頁面內(nèi)容，這將確保頁面內(nèi)容在公共布局樣式中正確顯示。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
