CSS

-

PENGERTIAN CSS

CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996.

PENULISAN DASAR CSS

untuk menuliskan sebuah sript dalam CSS sedikit berbeda dengan menuliskan HTML biasa. Pada umumnya sript CSS terdiri dari komponen
Selector { property : value }
Selector merupakan tag HTML atau elemen ( Class/id ) yang di pilih oleh pembuat web
Property merupakan atribut atau fungsi yang bisa anda atur nilainya atau pun jenis nya.
Value merupakan nilai yang di masukan pada atribut
Contoh penulisan kode css :
Body {background-color: white;}
?Body? adalah Selektor, ?{ }? adalah deklarasi, ?background-color? adalah properti dan ?white? adalah nilai. Maksud dari kode diatas adalah mengatur warna latar belakang (background color) dari tag ?Body? sebuah halaman web.

JENIS JENIS CSS

Jenis CSS secara umum ada 3 antara lain :

1. Inline


Inline digunakan untuk mengatur CSS secara langsung tanpa tag <style> contohnya seperti ini:

<a href="http://feichangzhidao.blogspot.com" style="color=blue;">Hai!</a>

Bagian yang berwarna biru adalah CSS Inlinenya. Dan seperti inilah hasilnya:

2. Internal CSS


Internal berbeda dengan Inline karena pengaturan CSS tipe Internal dilakukan diantara tag <style> atau dalam blog biasanya <b:skin>. CSS tipe inilah yang biasa digunakan oleh para blogger. contohnya seperti ini :

<style>

#masbro {background-color=#FFFFFF;}
</style>

Bagian yang warna merah adalah property yang diatur dalam tag <style> biasanya menggunakan selector id ataupun class agar dapat dipanggil sewaktu-waktu tanpa harus mengetik lagi. Dari sisi praktis jelas lebih praktis yang ini daripada Inline. Hasilnya :




3. External CSS


Eksternal CSS biasanya digunakan oleh para webmaster/web designer. Untuk membuatnya biasanya menggunakan Notepad++ (atau yang lainnya) lalu disimpan dengan ekstensi .css dan sewaktu-waktu bisa dipanggil menggunakan :

<link rel="stylesheet" type="text/css" href="Nama file CSS"/>
ganti tulisan merah dengan file CSS-mu

Fungsi dari tag diatas adalah untuk memanggil file CSS ke web. Jika dibandingkan dengan internal maupun Inline maka jelas paling praktis yang ke-3 ini karena tinggal dengan format diatas saja (Dengan catatan anda tidak menerapkannya pada blog).

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengamanan Data pada Aplikasi Web

-
10 kelemahan security teratas pada aplikasi web - Masukan (input) yang tidak tervalidasi - Broken Access Control - Pengelolaan Autentikasi dan Session yang tidak baik - Cross site scripting - Buffer overflows - Injections flaws - Penyimpanan yang tidak aman - Denial of Service - Pengelolaan konfigurasi yang tidak aman 1.Input yang tidak divalidasi Aplikasi web menerima data dari HTTP request yang dimasukkan oleh user Hacker dapat memanipulasi request untuk menyerang keamanan situs Hal – hal yang harus diperhatikan ketika mengelola validasi Tidak cukup hanya bergantung pada script client side yang biasa digunakan untuk mencegah masukan form ketika ada input yang invalid Penggunaan kode validasi untuk memeriksa masukan tidak mencukupi 2. Broken Access Control Pada aplikasi yang membedakan akses dengan menggunakan perbedaan ID, hanya menggunakan satu halaman untuk memeriksa user Jika user berhasil melewati halaman login, maka dia bebas melakukan apa saja Permasalah...
Baca selengkapnya

SISTEM KOMPUTER KELAS XI

-
Gambar
SISTEM INPUT-PROSES- OUTPUT   A.       SISTEM,FUNGSI DAN STRUKTUR MASUKAN Sistem I/O adalah operasi yg diperoleh melalui sejumlah perangkat eksternal   dengan menggunakan link.      a)        PIRANTI MASUKAN(INPUT DEVICE) Adalah perangkat keras komputer yang berfungsi sebagai alat untuk memasukkan data atau perintah ke dalam komputer. Contoh:keyboard      b)       PIRANTI KELUARAN(OUTPUT DEVICE) Adalah perangkat keras komputer yang berfungsi untuk menampilkan keluaran sebagai hasil pengolahan data. Keluaran dapat berupa hard-copy (kekertas), soft-copy (ke monitor), ataupun berupa suara. Contoh:scanner .        A.       MODUL I/O      Ø   Merupakan peralatan antarmuka (interface) bagi sistem bus atau switch sentral dan mengontrol satu atau lebih perangkat peripheral.     ...
Baca selengkapnya

Ketergantungan fungsional

-
Gambar
Functional dependency  atau ketergantungan fungsional adalah suatu konsep yang menjelaskan tentang relationship/asosiasi/hubungan antara atribut-atribut dalam suatu relasi.  Functional dependency (ketergantungan fungsional) menggambarkan hubungan kaitan antara atribut-atribut dalam relasi, dikatakan fungsional dependent karena nilai dari suatu atribut digunakan oleh atribut yang lain. Simbol untuk menyatakan functional dependent adalah ⇒ dibaca secara fungsional menentukan. Contoh : A ⇒ B (A secara fungsional menentukan B) Artinya bahwa A secara fungsional menentukan B atau B bergantung pada A Contoh : Tabel Nilai Ketergantungan fungsional dari tabel Nilai di atas adalah : NIM  ⇒  NamaMhs NIM menentukan Nama Mahasiswa karena NIM yang sama menunjukkan nama Mahasiswa yang sama. {Matakuliah,NIM}  ⇒ NilaiHuruf Kenapa harus Matakuliah dan NIM kok tidak NIM saja atau Matakuliah saja .  Karena kalau hanya NIM saja satu NIM dapat memiliki ...
Baca selengkapnya