淺談CSS樣式在網頁文字上的應用

馬春艷

摘要：隨著互聯網的發展，網頁前端開發作為一個炙手可熱的就業方向越來越被人重視，其中一個重要的知識點就是CSS樣式在網頁中的運用。本文主要介紹網頁設計中CSS樣式在文字上的應用。

關鍵詞：網頁前端開發；CSS樣式

中圖分類號：G642 文獻標識碼：A

文章編號：1009-3044（2019）08-0263-02

在當今的網頁中，幾乎很多網頁都使用了CSS樣式，有了CSS的控制，網頁便會給人一種賞心悅目的感覺，字體的色彩變化也使網頁變得更加生動活潑。

1 CSS樣式概述

CSS英文全稱Cascading Style Sheets，中文全稱為層疊樣式表，更多的人把它稱之為樣式表，以下簡稱為CSS樣式。

網頁HTML中大量使用DIV、SPAN、TABLE表格等標簽布局，要實現漂亮的布局，包括寬度、高度、背景、字體大小等，我們就需要CSS樣式統一實現。同樣的一組DIV標簽，對應CSS樣式代碼不同，所得到效果也不同。我們可以比作HTML是骨架，CSS是衣服。相同HTML骨架結構，不同CSS樣式，所得到的美化布局效果不同。

簡單來說，CSS樣式用于控制Web頁面內容的外觀，通過使用CSS樣式設置頁面的格式，可將頁面的內容與表示形式分離開。在日常開發網頁的時候，我們通常是HTML與CSS代碼同時進行，這樣易于開發不容易出錯。

2 CSS樣式在網頁文字上的應用

通過三種方式介紹CSS在網頁中文字的應用。顯示的效果是“網頁設計與制作”這幾個字以宋體、字號大小為20pt，傾斜的方式顯示。

（1） 內聯式樣式表

HTML標簽直接使用style屬性，稱為內聯樣式（Inline Style Sheet）。它適用于只需要簡單地將一些樣式應用于某個獨立的元素的情況。

示例代碼如下：