Dokumen ini adalah panduan belajar CSS yang mencakup berbagai teknik termasuk cara mengontrol tampilan halaman website dan memasukkan CSS ke dalam dokumen HTML. Pembaca akan menemukan informasi tentang pengaturan list menu, pembuatan rounded corners, serta jenis-jenis font family yang dapat digunakan dalam CSS. Selain itu, terdapat banyak tutorial dan contoh praktis untuk membantu pemula memahami konsep CSS.

1. 6/11/2014 Belajar Css
http://htmlcssguides.com/category/belajar-css 1/3
HTMLCSSGuides.com[1]
Web design, Belajar HTML, CSS, Javascript, tips, triks dan
tutorial bagi pemula.
Archive for the 'Belajar CSS' Category
Belajar CSS
CSS adalah singkatan dari Cascading Style Sheets, yang berfungsi untuk mengontrol
tampilan dari sebuah halaman website. Ada 3 cara untuk memasukkan CSS ke dalam
dokumen HTML yaitu: 1. Dengan menambahkan langsung di tag dokumen html,
sebagai contoh: <p style="color:blue">Membuat tulisan warna biru</p> <p style="font-
family:arial;font-size:150%;color:green">Membuat jenis font, ukuran dan warna</p>
<p style="color:yellow;background-color:red;width:60px;text-align: center">Test</p>
<p style="font-style:italic;">Membuat tulisan …
Baca selengkapnya tentang: Belajar CSS[2]
Posted on May 8th, 2008 in Belajar CSS[3] by Masim man
Pengaturan List menu dengan CSS
Pengaturan List menu dengan CSS Tag elemen untuk membuat List di dalam dokumen
HTML adalah: <ul> digunakan untuk list yang tidak berurutan (unordered list)
kemudian, <ol> digunakan untuk list yang berurutan kemudian diikuti <li > adalah list
menu yang akan ditampilkan (list item). Untuk lebih jelasnya perhatikan contoh
berikut ini: <ul> <li>Menu A </li> <li>Menu …

2. 6/11/2014 Belajar Css
http://htmlcssguides.com/category/belajar-css 2/3
Baca selengkapnya tentang: Pengaturan List menu dengan CSS[4]
Posted on May 21st, 2008 in Belajar CSS[5] by Masim man
Membuat rounded corners menggunakan CSS
Apa itu Rounded corners? Untuk lebih jelasnya perhatikan gambar di bawah ini: Kita
dapat melihat bahwa setiap sudutnya memiliki lengkungan yang rapi. Biasanya untuk
membuat lengkungan tersebut kita menggunakan gambar (image), namun kita dapat
membuat rounded corners tersebut dengan hanya menggunakan CSS. Bagaimana
caranya? ikuti langkah-langkah berikut ini. Inilah kehebatan dari CSS, dengan hanya
menggunakan …
Baca selengkapnya tentang: Membuat rounded corners menggunakan CSS[6]
Posted on June 1st, 2008 in Belajar CSS[7] by Masim man
CSS example
Welcome to HTML CSS Guides.com Created by Masim man only using CSS, all rounded
corners no image, no table, no js and fully resizable – tested on IE7, FF2.0 Win. CSS
Resources A basic introduction to Cascading Style Sheets. CSS Structure and Rules.
Tutorials, FAQ and examples of how to create CSS based page layouts. …
Baca selengkapnya tentang: CSS example[8]
Posted on June 8th, 2008 in Belajar CSS[9] by Masim man
Jenis-jenis font family untuk CSS
Berikut adalah contoh penulisan font-family: selector {font-family: family-name,
generic-family;} Contoh real untuk pengaturan font selector heading (h1) di dalam CSS:
h1 {font-family: ”Trebuchet MS”, Helvetica, sans-serif;} family-name family-name

3. 6/11/2014 Belajar Css
http://htmlcssguides.com/category/belajar-css 3/3
1. http://htmlcssguides.com/
2. http://htmlcssguides.com/belajar-css
3. http://htmlcssguides.com/category/belajar-css
4. http://htmlcssguides.com/pengaturan-list-menu-dengan-css
5. http://htmlcssguides.com/category/belajar-css
6. http://htmlcssguides.com/membuat-rounded-corners-menggunakan-css
7. http://htmlcssguides.com/category/belajar-css
8. http://htmlcssguides.com/css-examples
9. http://htmlcssguides.com/category/belajar-css
10. http://htmlcssguides.com/jenis-jenis-font-family-untuk-css
11. http://htmlcssguides.com/category/belajar-css
adalah nama dari kumpulan beberapa font yang sejenis, seperti contoh Trebuchet MS
Normal, Trebuchet MS Bold, Trebuchet MS Italic, Trebuchet MS Bold Italic, jadi family-
name untuk font-font …
Baca selengkapnya tentang: Jenis-jenis font family untuk CSS[10]
Posted on March 29th, 2011 in Belajar CSS[11] by Masim man