CSS（Cascading Style Sheets）是一種用于定義HTML和XML文檔的外觀和格式的樣式表語言。其在網頁設計中有著重要的地位。本文將介紹如何使用CSS實現文字排版和圖片排版。
一、文字排版
在CSS中，我們可以通過font屬性來定義文字的樣式，包括字體、字號、字體顏色等。

p {
font-family: Arial, sans-serif; /*指定字體*/
font-size: 16px; /*指定字號*/
color: #333; /*指定字體顏色*/
line-height: 1.5; /*指定行高*/
text-align: justify; /*指定文本對齊方式*/
}

代碼中的p代表段落元素，通過font-family屬性來指定使用的字體。其中，我們指定了一個字體列表：Arial，sans-serif。這個列表表示，優先使用Arial字體，如果沒有安裝則使用系統默認的sans-serif字體。
接下來，我們通過font-size屬性來指定字號，color屬性來指定字體顏色。這里我們使用了十六進制顏色值，表示#333即十進制的51，代表一種灰色。
在排版時，不僅需要關注字體和字號，還需要注意行高。我們通過line-height屬性來指定行高。上面代碼中，line-height: 1.5表示行高為字體大小的1.5倍。
最后，我們通過text-align屬性來指定文本對齊方式。在上例中，我們選擇了“justify”對齊。
二、圖片排版
在CSS中，我們可以使用img標簽來插入圖片，并使用float屬性來控制圖片的位置。例如：

img {
float: left; /*圖片浮動到左邊*/
margin: 10px; /*給圖片留出10像素的邊距*/
}

代碼中的img代表圖片元素。我們通過float屬性來指定圖片浮動的位置，這里我們選擇左浮動。這樣圖片就會位于文字的左側。同時，我們也指定了一個10像素的margin值，留出一定的邊距。
在實際使用中，我們也可以通過position屬性來指定圖片位置，或結合其他CSS屬性來實現更復雜的效果。
總之，CSS能夠為網頁設計提供豐富的樣式設置。通過上述介紹，我們可以看出，通過CSS實現文字排版和圖片排版，可以提高網頁的美觀程度和格式清晰度。