Cara Input CSS

Tiga Cara untuk Insert CSS :
1. Eksternal style sheet
merupakan ideal ketika gaya diterapkan pada banyak halaman , dengan ini anda dapat  mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet menggunakan tag <link>. Tag <link> masuk ke dalam bagian kepala
<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />
</head>
dengan eksternal style sheet dapat ditulis dalam  bentuk editor teks apapun , dan harus disimpan pada ekstensi css . sebuah contoh dari file style sheet dibawah ini :
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(“images/back40.gif”);}
nb: JANGAN  meninggalkan ruang antara nilai properti dan satuan! “margin-left: 20 px” (bukan “margin-left: 20px”) akan bekerja di IE, tapi tidak di Firefox atau Opera.
2. Internal style sheet
merupakan dokumen tunggal html harus digunakan apabila dokumen tunggal html memiliki gaya yang unik . XDi bagian ke[pala html anda dapat mendefinisikan gaya internal dengan menggunakan tag style seperti ini :
<head>
<style type=”text/css”>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(“images/back40.gif”);}
</style>
</head>
3. Inline style
gaya inline dengan mencampurkan konten dengan presentasi akan banyak kehilangan keuntungan , maka anda dapat menggunakan metode hemat dibawah ini :
Untuk menggunakan gaya inline Anda menggunakan atribut style dalam tag yang relevan. Atribut style dapat berisi properti CSS. berikut contoh bagaimana mengubah warna dan margin kiri paragraf :
<p style=”color:sienna;margin-left:20px”>This is a paragraph.</p>
4. Multiple Style Sheet
Jika beberapa properti telah ditetapkan untuk pemilih yang sama dalam style sheet yang berbeda maka nilai-nilai akan diwariskan dari style sheet lebih spesifik.
contoh style sheet eksternal untuk pemilih h3 :
h3
{
color:red;
text-align:left;
font-size:8pt;
}
contoh style sheet internal untuk pemilih h3 :
h3
{
text-align:right;
font-size:20pt;
}
Jika halaman dengan internal style sheet link ke style sheet eksternal properti untuk h3 akan menjadi:
color:red;
text-align:right;
font-size:20pt;
Warna diwariskan dari style sheet eksternal dan teks-alignment dan ukuran font diganti oleh internal style sheet.
Beberapa Styles Akan Cascade ke Satu :
gaya dapat ditentukan :
  • didalam sebuah elemen HTML
  • didalam bagian kepala halaman HTML
  • didalam sebuahj file CSS eksternal
Secara umum kita dapat mengatakan bahwa semua gaya akan “cascade” menjadi lembaran baru “virtual” gaya oleh aturan berikut, di mana nomor empat memiliki prioritas tertinggi:
  • Browser default
  • Eksternal style sheet
  • Internal style sheet (di bagian kepala)
  • Inline style (di dalam elemen HTML)
Jadi gaya inline yang ada di dalam elemen HTML memiliki prioritas tertinggi , yang berarti bahwa ia akan menimpa gaya yangb didefinisikan di dalam tag <head>, atau dalam style sheet eksternal , atau dalam browser (nilai default).
nb:  Jika link ke style sheet eksternal ditempatkan setelah style sheet internal di <head> HTML, style sheet eksternal akan menimpa style sheet internal!

Comments

Post a Comment

Popular posts from this blog

Apa itu VGA Shared Dan Dedicated

Image
VGA (Video Grapich Adapter) Merupakan alat yg digunakan untuk memproses grafik pada suatu pc atau laptop . VGA sendiri terbagi atas 2 ada yg shared memory dan ada yg dedicated VGA Shared memory adalah VGA yg mengambil Memory (VRAM) dari RAM sebuah PC atau Laptop .Vga shared memory yaitu VGA yg Onboard pada Motherboard VGA Dedicated adalah VGA yang memiliki memory (VRAM) sendiri yang dihubungkan pada PCI express .Produsen terkenal Yang memproduksi VGA adalah AMD dan Nvidia yg kualitasnya sudah tidak diragukan lagi .sedangkan VGA intel hd grapich masih tergolong dibawah dari vga amd dan NVidia . dari pengalaman saya menggunakan VGA Shared memory dan VGA dedicated ,Vga shared memory tidak kuat untuk bermain game dan rendering ,karana VRAM diambil dari RAM .seandainya anda memiliki laptop dengan ram 4gb namun anda memiliki vga yg shared ,maka ram yang hanya bias anda pakai akan berkurang (usable) hanya kisaran 3.4 gb - 3.6 gb. sedangkan pada vga dedicated anda akan merasa sangat
Read more

4 Macam Tipe Data Composite

Tipe data Composite Tipe Data Komposit merupakan  tipe data  yang dapat menampung banyak nilai, antara lain sebagai berikut. A.   Array Array atau sering disebut sebagai larik, adalah tipe data yang sudah terstruktur dengan baik, meskipun masih sederhana. Array mampu menyimpan sejumlah data dengan tipe yang sama (homogen) dalam sebuah variabel. Sebagai ilustrasi, array mampu menampung banyak data namun dengan satu tipe data yang sama, misalnya integer saja. Setiap lokasi data array diberi nomor indeks yang berfungsi sebagai alamat dari data tersebut.  (Decky Syahputra - 1610128262008 - Teknik Informatika 1 A) B.   Record atau struct Seperti halnya Array, Record atau Struct juga termasuk tipe data komposit. Record dikenal dalam bahasa Pascal/Delphi sedangkan Struct dikenal dalam bahasa C++. Berbeda dengan array, tipe data record mampu menampung banyak data dengan tipe data berbeda-beda (heterogen). Misalnya, satu bagian integer, satu bagian lagi character, dan bagian lainny
Read more

Membuat Aplikasi Kasir Restoran Sederhana Melalui Visual Studio 2013

Image
  1.Pertama-tama kita akan membuat desain pada aplikasi yang akan kita buat 2.Dilanjutkan dengan mengetikkan Code sebagai berikut :   Public Class Form1     Dim hargaminuman As Single     Dim totalharga As Single     Dim listbeli As Single     Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load         cbominuman.Items.Add("None")         cbominuman.Items.Add("Kopi")         cbominuman.Items.Add("Teh")         cbominuman.Items.Add("Jus")         cbominuman.Items.Add("Anggur Merah")         txtcash.Text = 0         txtnasi.Text = 0     End Sub     Private Sub cbominuman_SelectedIndexChanged(sender As Object, e As EventArgs) Handles cbominuman.SelectedIndexChanged         If cbominuman.SelectedIndex = 0 Then hargaminuman = 0         If cbominuman.SelectedIndex = 1 Then hargaminuman = 5000         If cbominuman.SelectedIndex = 2 Then hargaminuman = 4000         If cbominuman.SelectedIndex = 3 T
Read more