 |
| Css |
Selamat siang Dunia Teknologi kali ini Dunia Teknologi akan membahas materi tentang pemrograman web nah di sini apa ada yang pernah mendengar tentang CSS.
Belum gan,Emang apa Css itu...?Css singakatan Dari (CASCADING STYLE SHEETS) yang berfungsi untuk mendeskripsikan atau memperindah tampilan document Html.
Nah di sini penempatan css ada tiga di antarnya sebagai berikut
1. External Style Sheet2. Internal Style Sheet
3. Inline Style sheet
Mau nanyak gan emang apa bedanya dari ketiga macam css di atas itu ...??Menurut saya sih sama saja tapi yang membedakan Cuma penempatan script css nya di taruh di mana.
Contohnya gan dari macam-macam penempatan css di atas..??Baik pertanyaan yang bagus,Iya saya akan menjelas kan dan memberikan contoh di bawah ini mari kita simak dengan cermat.
1.Ekternal Style Sheet
<link rel=“stylesheet” type=“text/css” href=“css_files.css”>Keterangan :
<link : Tag pembuka dan akhirannya di kasih dengan tanda >
Rel=”stylesheet”:Menjelaskan bahwa halaman yang ini mau di kasih css.
Type=”text/css”:Ini menjelaskan bahwa yang file yang di panggil itu file css.
Href=”Letak file cssnya”:Ini adalah nama dokumen stylesheet yang di panggil.
Perbedaan dari css yang lain yaitu dari segi penempatan css nya kalau Eksternal style sheet penempatannya ada di luar seperti berdiri sendiri tanpa harus ada di satu halaman dengan Html,
Css Eksternal style sheet ada untungnya memakai css jenis ini karna jika ada yang mau di kasih style kita tidak perlu susah payah untuk mencari pada script yang banyak kita cuman cari nama cssnya nah jika ketmu kita bisa edit ,dan ada juga tidak enaknya jika kita ingin mengedit kita masi membukanya lagi menurut saya agak ribet.
1. Internal Style Sheet
Pemanggilan Css nya berada di antara <head > dan setelah <title>.
Contoh pemanggilan css:
<Style type=”text/css”>
Nah script nya pun sangat sedikit untuk memanggil css beda sama yang tadi di atas saya sering menggunakan css internal style sheet karna mudah dan sangat simpel dan tidak perlu membuat documen baru cukup dengan satu halaman.
Contoh script css Internal Style Sheet
Script Internal Style Sheet
<Html>
<Head>
<Title>Dunia
Teknologi</Title>
<Style
type="text/css">
body {
color:
white;
background:
navy;
font-family
: jokerman;
}
</Style>
</Head>
<Body>
<H1><center>Dunia
Teknologi</center></H1>
<P>Dunia
Teknologi adalah Blog yang menerangkan tentang semua teknologi
</Body>
</Html>
Jika Inline sheet pemanggilan css nya berada di dalam struktur body ,seperti di bawah ini
Script css
<Html>
<Head>
<Title>Dunia Teknologi</Title>
</Head>
<Body style="Color: white;
Background: navy;
Font-family : Jokerman;">
<H2><center>Dunia Teknologi</center></H2>
<P>Dunia Teknologi Blog yang menerangkan tentang semua teknologi
</Body>
</Html>
<Head>
<Title>Dunia Teknologi</Title>
</Head>
<Body style="Color: white;
Background: navy;
Font-family : Jokerman;">
<H2><center>Dunia Teknologi</center></H2>
<P>Dunia Teknologi Blog yang menerangkan tentang semua teknologi
</Body>
</Html>
Adapun aturan penulisan ada 2 macam
1.Selector
Pada selector Berisi Tag Id dan class.
2.Declaration
Sedangkan pada Declaration mendeskripsikan sebuah value dan property.
Nah itu tadi jenis jenis Css Silahkan mencoba bagi sahabat Dunia Teknologi ,sekian dan terima kasih
0 komentar