P. 1
Pengertian CSS

Pengertian CSS

|Views: 250|Likes:
Published by Rudolf Albert

More info:

Published by: Rudolf Albert on Sep 25, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

02/10/2015

pdf

text

original

STUDY CLASS HIMSI UIN JAKARTA Type = CSS Pert.

= 1

Pengertian CSS CSS adalah singkatan dari Cascading Style Sheet, digunakan untuk mengatur style atau tampilan dari dokumen HTML. Menurut wikipedia, CSS adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu website, baik tata letak, jenis huruf, warna, dan semua yang berhubungan dengan tampilan atau gaya suatu web. Didalam dunia desain web, layout atau mengatur letak web, format huruf, dan lain nya yang ada dalam sebuah web menjadi bagian yang amat penting bahkan bisa jadi yang paling lama dibanding dengan bagain desain web lainnya. Karena jika kita membua layout yang salah, maka web kita juga akan salah diterjemahkan oleh browser. Hal itu juga bisa disebabkan karena setiap browser memilliki dukungan bahasa(CSS) yang berbeda dan tentunya default dari browsernya sendiri yang berbeda-beda. Browser yang paling rewel soal layout css adalah IE karena kurang dukungannya terhadap CSS. Manfaat dari CSS: 1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur, 2. Ukuran file menjadi lebih kecil, sehingga load file lebih cepat, 3. Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja, 4. Dapat berkolaborasi dengan JavaScript. 5. Digunakan dalam hampir semua web browser. Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu: 1. External Style Sheet (file CSS berbeda dari file HTML), 2. Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML) 3. Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).

Eksternal CSS

file CSS terpisah dengan HTML. Buat file dengan ekstention .css. contoh: <html> <head> <link rel=”stylesheet” type=”text/css” href=”public.css”/> </head> <body> </body> </html>

§

Inline CSS

Penulisan kode CSS dalam tag HTML. contoh:

<html> <head> </head> <div style="background-color:#999999. } </style> </head> <body> </body> </html> Selector menggunakan Id dan class • Selector menggunakan Id Jika kita menggunakan selector berupa id maka harus di usahakan menggunakan sebuah nama yang unik untuk penamaan id dan tidak memakainya ber ulang-ulang. text-align:center. } . height:50px. float:left. } . artinya 1 id selector hanya di pakai untuk 1 style dalam tag HTML. . float:right.">Inline CSS</div> </body> </html> • Internal CSS Metode penulisan kode CSS langsung dalam file HTML. selector menggunakan id harus di dahului ole tanda "#"(tanpa tanda petik) sebelum memberi nama. border: 1px solid #640404.header { width:900px. height:50px. height:50px. contoh: <html> <head> <style type = "text/css"> .headerLeft { width:400px. text-align:center. background-color:#CCCCCC. background-color:#999999. text-align:center.headerRight { width:450px.

font-size:15px. Contoh: .Time New romans.Contoh: #judul{ font-famili:Trebuchet. color:blue. } • Selector menggunakan Class Intinya sama saja seperti selector menggunakan Id hanya saja selector dengan Class bisa di gunakan berulang-ulang untuk memberi style pada tag HTML.sub_judul{ font-famili:Trebuchet.Time New romans. color:Violet. } ."(tanpa tanda petik) titik/dot sebelum di beri nama. selector menggunakan Class harus di dahului oleh ". font-size:25px.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->