1、建立Css樣式表
以往要建立Css樣式表，必須要用記事本一段一段語法慢慢寫，現在則可使用FP預設的功能來製作Css，首先如圖一開啓新檔，再來是如圖二，選擇自己所要的樣式，再來是會出現樣式工具列，如圖三，按一下樣式工具列上的樣式，會出現圖三，在樣式下面有許多的文字標題，那代表的是這個Css用到那些HTML語法，清單下面要選擇使用者定義的樣式，如果選另一個，出現的不是這個Css用到那些HTML語法，而是列出所有HTML語法，接著選取要更改的語法，如圖四中的h1，這時按右下角的修改，此時會出現圖五，圖五中會顯現在h1所呈現出的格式，再選擇左下角的格式，就會出現圖六，你可以自己選擇所要改變的部份，等到全部完畢之後，按儲存檔案，這時所存的檔案副檔名為.css，也就是Css樣式表。
2、引用Css樣式
有許多種方法可用來引用Css樣式，如下列所述
插入外部Css樣式
選取功能表中插入／樣式表連接，然後會出現圖二，按新增鈕來加入所要的樣式，在同一個網頁中可以插入多個樣式，但是如果兩個樣式對於同一物件設定不同的話，那麼會以順序較後面的為主。
內崁式樣式
如果想直接在網頁中加入Css樣式，方法就是叫出樣式工具列，點選樣式，會出現圖一個樣子，選擇所要修改的樣式，然後按修改鈕，其他的相信讀者應該都會用，這樣出來的樣式是只接把樣式語法加入HTML之中，但要切記，由於是從無到有，所以對話方塊中的清單下面要選HTML標籤，不可選另一個。
依物件決定樣式
不同的物件也可以決定個別的樣式，假設現有一個圖片，按滑鼠右鍵，選擇圖片內容，再選擇一般文字標籤，可以看到左下角有的樣式鈕，其他的設定就跟上述的例子相同，而此時Css樣式會直接加在HTML之中。
在使用Css樣式，有一點必須要特別注意的是，樣式是有其優先使用權，也就是物件樣式高於內崁樣式，內崁樣式高於外接樣式，同時也要注意假設是一個圖片設定樣式，如果設定關於該圖片的文字樣式，例如所有文字是紅色，那這個樣式是無效，因為你不能單獨設定圖片上面文字的顏色。
