Archive

Posts Tagged ‘css’

Konsep Dasar CSS

September 4th, 2009 Nu 2 comments

Bagaimana Menulis CSS?

Dalam hal ini ada beberapa istilah dan kosep dasar dari css. Tapi sebelum menuju pembahasan lebih lanjut, akan lebih baik kita harus membiasakan dengan bagaimana suatu style harus ditulis. Berikut adalah contoh mudah penulisan css pada suatu halaman web:

Contoh CSS 1

<html>
 
<head>
<style Type="text/css">
      h1{font-family:tahoma}
      h2{color: blue}
   p{font-size:11pt ; font-style: italic}
</style>
</head>
<body>
<h2>NuSinau</h2>
 
<p>NuSinau adalah suatu website tempat berbagi berbagai ilmu pengetahuan.
 
</p></body>
</html>

Sintak CSS (Syntax CSS) 

selector (properti: nilai)
 
body (color: blue)
p {font-family: tahoma}
h1 {font-weight: bold}
dan lain-lain

Selector

Selector biasanya merupakan elemen HTML atau tag dimana berbagai properti diberi suatu nilai. Dalam sebuah selector, setiap properti mempunyai nilai masing-masing dan sejumlah properti dengan nilai-nilai terkait dapat diatur.
Read more…

Categories: HTML, XML, CSS Tags: , , , , , , , , , , ,

Pengenalan CSS

September 4th, 2009 Nu 3 comments

Pengertian CSS
Apa itu CSS?

  • CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web.
  • Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”.
  • Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda.
  • CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan.
  • Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.
  • Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.

Read more…

Categories: HTML, XML, CSS Tags: , , ,