Untuk aturan dasar penulisan CSS ini secara pribadi saya yang masih amatir masih kurang bisa menjelaskan. Tetapi akan saya jelaskan dengan sebuah contoh. Perhatikan contoh kode di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Cara Penulisan CSS</title>
<style type="text/css">
body {
font-size: 14px;
color: navy;
}
p {
font-family: calibri, helvetica, sans-serif;
}
h1, h2 {
text-decoration: italic;
font-size: 21px;
color: blue;
}
</style>
</head>
<body>
<h1>Bab I Skripsi Biologi</h1>
<h2>Latar Belakang</h2>
<p>Siswa adalah salah satu komponen penting dalam sebuah proses pembelajaran. Keberhasilan sebuah proses pembelajaran dalam pendidikan tidak terlepas dari keberhasilan siswa dalam memperoleh hasil belajar yang baik dalam pembelajaran itu sendiri. Menurut Sardiman (2010:111) siswa atau anak didik adalah salah satu komponen yang menempati posisi sentral dalam proses pembelajaran. Siswa yang memiliki kemampuan secara internasional akan membuat mutu pendidikan lebih baik..</p>
<p>SMP-RSBI di kota Padang telah memiliki fasilitas belajar yang lengkap. Berdasarkan hasil survey dan wawancara yang penulis lakukan pada bulan April 2011, dengan Ibu Doris Yelniwetis, guru biologi SMP Negeri 1 Padang dan Ibu Lisna, guru biologi SMP Negeri 8 Padang terungkap bahwa fasilitas belajar dan sarana penunjang lainnya di RSBI ini lebih lengkap dibanding dengan sekolah yang bukan RSBI..</p>
<h2>Identifikasi Masalah</h2>
<p>Kebiasaan belajar siswa kurang baik, terlihat dari kebiasaan dalam melaksanakan tugas yang hanya mengandalkan teman saja.
.Siswa tidak menggunakan billingual yang seimbang dalam proses pembelajaran biologi.
.Siswa memperoleh hasil belajar yang baik, namun sikap yang ditunjukkan selama proses pembelajaran kurang positif.
</p>
</body>
</html>
Dari kode di atas CSS diletakkan pada tag <head>. Coba di perhatika bagian kode CSSnya.
body {
font-size: 14px;
color: navy;
}
p {
font-family: calibri, helvetica, sans-serif;
}
h1, h2 {
text-decoration: italic;
font-size: 21px;
color: blue;
}
Selector yang digunakan adalah bidy, p, h2 dan h1. Selector ini adalah bagian apa yang dipilih untuk diubah tampilannya. Untuk menulis CSS, selector ditulis sesuai yang akan ditampilkan, jika terdapat dua selector yang ingin ditampilkan dengan model yang sama (contoh di atas h2 dan h1) maka dipisahkan dengan tanda koma.
Kemudian ditulis property. Property adalah apanya yang mau diubah. Misalkan pada selector p, akan diubah jenis huruf. Maka digunakan property font-family. Property akan di awali dengan tanda kurung kurawal. Bisa dilihat setelah selector ada kurung kurawal buka lalu ditulis property. p { font-family: Antara dua property dalam satu selector akan digunakan tanda titik-koma sebagai pembatas. Bisa dilihat pada selector h1,h2. Properti font-size dan color di pisahkn oleh titik koma.
Dalam property tersebut terdapat value. sepertu ukuran huruf 21px, dan italic. Catatan lain pada sebuah property, jika property terdiri dari dua suku kata maka dibatasi tanda dash (-). Contoh dont-size, border-right, text-decoration dll.
Itulah dasar dasar penulisan CSS yang harus diketahui. Jika penulisan salah, halaman HTML tetap ditampilkan namun CSS tidak akan tampil. Misalnya font dikustom dengan CSS biru, ketika salah menulis CSS maka font tidak akan berwarna biru.
<!DOCTYPE html>
<html>
<head>
<title>Cara Penulisan CSS</title>
<style type="text/css">
body {
font-size: 14px;
color: navy;
}
p {
font-family: calibri, helvetica, sans-serif;
}
h1, h2 {
text-decoration: italic;
font-size: 21px;
color: blue;
}
</style>
</head>
<body>
<h1>Bab I Skripsi Biologi</h1>
<h2>Latar Belakang</h2>
<p>Siswa adalah salah satu komponen penting dalam sebuah proses pembelajaran. Keberhasilan sebuah proses pembelajaran dalam pendidikan tidak terlepas dari keberhasilan siswa dalam memperoleh hasil belajar yang baik dalam pembelajaran itu sendiri. Menurut Sardiman (2010:111) siswa atau anak didik adalah salah satu komponen yang menempati posisi sentral dalam proses pembelajaran. Siswa yang memiliki kemampuan secara internasional akan membuat mutu pendidikan lebih baik..</p>
<p>SMP-RSBI di kota Padang telah memiliki fasilitas belajar yang lengkap. Berdasarkan hasil survey dan wawancara yang penulis lakukan pada bulan April 2011, dengan Ibu Doris Yelniwetis, guru biologi SMP Negeri 1 Padang dan Ibu Lisna, guru biologi SMP Negeri 8 Padang terungkap bahwa fasilitas belajar dan sarana penunjang lainnya di RSBI ini lebih lengkap dibanding dengan sekolah yang bukan RSBI..</p>
<h2>Identifikasi Masalah</h2>
<p>Kebiasaan belajar siswa kurang baik, terlihat dari kebiasaan dalam melaksanakan tugas yang hanya mengandalkan teman saja.
.Siswa tidak menggunakan billingual yang seimbang dalam proses pembelajaran biologi.
.Siswa memperoleh hasil belajar yang baik, namun sikap yang ditunjukkan selama proses pembelajaran kurang positif.
</p>
</body>
</html>
Dari kode di atas CSS diletakkan pada tag <head>. Coba di perhatika bagian kode CSSnya.
body {
font-size: 14px;
color: navy;
}
p {
font-family: calibri, helvetica, sans-serif;
}
h1, h2 {
text-decoration: italic;
font-size: 21px;
color: blue;
}
Selector yang digunakan adalah bidy, p, h2 dan h1. Selector ini adalah bagian apa yang dipilih untuk diubah tampilannya. Untuk menulis CSS, selector ditulis sesuai yang akan ditampilkan, jika terdapat dua selector yang ingin ditampilkan dengan model yang sama (contoh di atas h2 dan h1) maka dipisahkan dengan tanda koma.
Kemudian ditulis property. Property adalah apanya yang mau diubah. Misalkan pada selector p, akan diubah jenis huruf. Maka digunakan property font-family. Property akan di awali dengan tanda kurung kurawal. Bisa dilihat setelah selector ada kurung kurawal buka lalu ditulis property. p { font-family: Antara dua property dalam satu selector akan digunakan tanda titik-koma sebagai pembatas. Bisa dilihat pada selector h1,h2. Properti font-size dan color di pisahkn oleh titik koma.
Dalam property tersebut terdapat value. sepertu ukuran huruf 21px, dan italic. Catatan lain pada sebuah property, jika property terdiri dari dua suku kata maka dibatasi tanda dash (-). Contoh dont-size, border-right, text-decoration dll.
Itulah dasar dasar penulisan CSS yang harus diketahui. Jika penulisan salah, halaman HTML tetap ditampilkan namun CSS tidak akan tampil. Misalnya font dikustom dengan CSS biru, ketika salah menulis CSS maka font tidak akan berwarna biru.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment