Cascading Style Sheets (CSS) mengijinkan anda untuk mengatur format halaman web dengan mengeset font, mengubah paragraf properties, dan border shading untuk kotak teks. Style sheets can bisa dilakukan dengan tiga cara :

Membuat Embedded Style

1. Pilih Format|Style dari menu bar.
2. Klik tombol New untuk membuat style baru
3. Ketik tanda (.) diikuti nama tanpa space untuk new style pada kotak Name (selector). dibawah seperti contoh dibawah
   
4. Klik tombol Format untuk memilihilih element dari style formatting yang akan digunakan. Dalam contoh ini, warna font akan diganti dahulu lalu Font... dipilih dari menu.
5. dari Font dialog box, font telah berubah menjadi, ukuran 10 point, dan warna menjadi merah. Klik OK ketika anda sudah merubahnya..
   
6. Pilih pilihan lain dari menu Format menu untuk merubah lebih dari beberapa element penting . Ketika semua style telah dipilih, Klik OK pada New Style window dan OK pada Style window.

Menerapkan Style Baru
Untuk menerapkan style yang baru anda ciptakan, sorot teks yang akan diterapkan. Daftar style is dalam style menu dalam formatting toolbar. Klik the window dan gulung ke bawah pilih style.

Inline Styles
Beberapa format syles, seperti font properties, borders dan shading, secara otomatis ada pada beberapa element seperti pada portions of text, paragraphs, and divisions. Styles lain yang terdapat dalam tables dan form elements bisa dimasukkan secara manual, caranya sebagai berikut :

1. Sorot table atau form element dan pilih Format|Properties dari menu bar.
2. Klik tombol Style... dalam properties window.
3. Styles yang telah anda buat akan terdaftar dalam Class panah ke bawah menu. pilih salah satu styles atau Klik tombol Format untuk mengubah tombol yang lain.
4. Tekan OK ketika selesai.

Using Preset External Style Sheets
FrontPage datang dengan beberapa styles yang bisa dimasukkan ke dalam halaman web.

1. pilih File|New|Pages dari menu bar dan Klik the Style Sheets tab.
   
2. Sorot pilihan untuk melihat deskripsi dari beberapa syles dan Klik OK.
3. Kode Style sheet akan tampil pada layar windows. Simpan style sheet dengan menggunakan akhiran .css .

Membuat External Style Sheet
Untu membuat external style sheet dari awal, ikuti langkah berikut

1. Pilih File|New|Pages, Klik Style Sheets tab, dan pilih Normal Style Sheet.
   
2. Halaman kosong akan tampil di monitor dengan Style toolbar. Klik Style... button pada toolbar.
   
3. Sorot element dari daftar Styles yang akan dimasukkan dan Klik the Modify... button. contohnya pilih the "body" tag dari daftar dan kita akan mengubah default teks style untuk halaman.
4. Klik tombol Format pada Modify Style window dan pilih elements yang akan diubah formatnya. untuk mengubah default teks style seperti pada contoh , pilih "Font...". Pilih "Arial" dari daftar font dan "10pt" dari daftar ukuran
   
   

   TIP - Sebaiknya menggunakan fonts umum seperti sans-serif fonts are Arial, Verdana, Geneva, dan sans-serif while serif fonts Times New Roman dan Times. Karena komputer browser akan menampilkan fonts yang dimiliki oleh komputer user, jika user tidak memiliki fonts tersebut maka secara otomatis browser tidak bisa menampilkan teks.

   
   Klik OK ketika selesai.
5. Klik OK pada Modify Style window.
6. Akan muncul pesan bahwa style window sekarang ada di daftar. Klik OK untuk keluar Style window atau pilih elements lain untuk dimodifikasi.
7. Simpan style sheet dalam format .css

1. Buka halaman web dan pilih Format|Style Sheet Links dari menu bar.
   
2. Klik tombol Add... pada Link Style Sheet kotak dialog.
3. pilih the .css file dan Klik OK.

Untuk menghilangkan external style sheet link dari page, sorot style sheet pada daftar dan Klik dan tombol Remove

Mengedit External Style Sheet

1. Buka.css file pada FrontPage.
2. pilih Format|Style dari menu bar.
3. Sorot style dari daftar yang dibutuhkan untuk mengubahnya Klik Modify .
   
4. Buat perubahan yang dibutuhkan dari tombol Format .
5. Klik OK ketika selesai dan simpan kertas style.