CSS樣式可以用來美化網(wǎng)站，并使其更具吸引力。通常情況下，人們會(huì)使用CSS樣式來設(shè)置HTML元素的外觀和布局。然而，我們?cè)赑HP中也可以使用CSS樣式來增加我們的web應(yīng)用程序的外觀和布局。在不同的條件下，實(shí)現(xiàn)這種方式的具體方法不同。下面我們來看看具體的實(shí)現(xiàn)方式。
//第一步：在PHP頁面中嵌入CSS樣式
<?php
echo '<style>';
echo 'h1 {color: red; font-size: 36px; text-align:center;}';
echo 'p {color: blue; font-size: 18px; text-align: center;}';
echo '</style>';
?>
//第二步：在HTML元素中使用CSS類的相關(guān)樣式
<body>
<h1>這是我的首頁標(biāo)題</h1>
<p class="footer">版權(quán)所有 ? 2019.</p>
</body>在上述代碼中，我們將從PHP中嵌入CSS樣式。接下來，我們?cè)贖TML元素中使用CSS類的相關(guān)樣式。在這里，我們使用了一個(gè)類名為“footer”，其顏色為藍(lán)色，字體大小為18像素，文件對(duì)齊方式為中心對(duì)齊。
在使用CSS類時(shí)必須使用點(diǎn)符號(hào)“.”。假設(shè)我們需要為所有標(biāo)題設(shè)定樣式，則可以這樣寫：
<body>
<h1 class="title">標(biāo)題文字</h1>
<h2 class="title">子標(biāo)題文字</h2>
<p>一些正文內(nèi)容</p>
<style>
.title {
color:#ff0000;
font-size:28px;
}
</style>
</body>在上述代碼中，我們使用CSS類“title”為標(biāo)題增加了樣式。換句話說，我們可以對(duì)任何元素增加CSS樣式，無論是“<h1>”、“<p>”還是其他任何元素。