LATAR BELAKANG CSS

internet..

Dalam membuat sebuah latar, css memiliki style bernama background. Namun background sendiri terdiri dari

• background warna
• background gambar dan pendukungnya

Untuk Background warna sangat mudah yaitu dengan menuliskan salah satu dari contoh dibawah. Kita sudah melakukan pada contoh sebelumnya

• background:blue;
• background-color:blue;

PERULANGAN CSS

Berbicara tentang perulangan. Terkadang kita membuat 2 class (id) atau lebih yang memiliki bentuk yang sama. Dalam hal ini kita membuat 2 class (kotak1 dan kotak2) memiliki style yang sama. Daripada menulis 2 style yang sama, akan lebih baik menulis 1 kali.

.kotak1, .kotak2 {

border:1px solid blue;

}

contoh:

<style>

.kotak1, .kotak2 {

border:1px solid green;

width:100px;

margin:10px 0;

min-height:10px;

}

</style>

<div class=”kotak1”>kotak 1</div>

<div class=’kotak2’>kotak 2</div>

HIRARKI pada CSS

Dalam HTML, kita akan berhadapan dengan css yang memiliki semacam hirarki. Di contoh dibawah, kita membuat murid (kotak) yang memiliki warna berbeda.Untuk mencoba tuliskan ini dalam 1 tempat seperti yang tertulis pada artikel pelajaran css dan html pada artikel sebelumnya

Webdesign : merancang design web sederhana

Tujuan : Membuat tampilan menggunakan CSS inline

Untuk membuat css inline, kita mulai dengan menuliskan < div > < /div > terlebih dahulu. Lalu memasukkan kedalamnya style sehingga mendapatkan seperti berikut

< DIV style="{masukkan style}"> </div>

lakukan hal tersebut untuk tugas dibawah ini. Untuk isinya bisa di masukkan sendiri

Buatlah tampilan sebagai berikut sebagai berikut:

JUDUL

MENU ( home, about me, contact us)

ISI (tulisan sebanyak 2 paragraf)

FOOTER

Template dasar pelajaran HTML

Untuk kedepannya, saya akan share tulisan saya tentang pelajaran html dan css. Di pelajaran itu ada template dasar yang harus di ikuti. Template itu mungkin tidak sesuai dengan bagaimana html seharusnya.

Pada template ini, semuanya digabung jadi satu! kecuali script atau js luar yang tidak langsung bersangkutan seperti jquery.js alasan kenapa memakai template ini murni buat belajar. Bila dalam keadaan sebenarnya!
letakkan javascript dan style pada file di luar HTML.. dan terpenting jangan memakai inline css .. kecuali itu memang tidak ada jalan lain.