menghubungka css beda page dengan HTM dan basik css div

Senin, 12 Agustus 2013

Hay pengunjung kali ini saya akan membuat sebuah contoh bagaimana untuk menghubungkan halaman css terpisah dengan HTML atau PHP mungkin bagi mereka yang sudah mahir ituh ituh mudah tapi sangat membingungkan untuk pemula. Jangan rendah hati untuk ituh pemula juga belajar nama yang tepat harus telah mendapatkan dalam kesulitan. Untuk pemula yang belajar proggraming ada tips untuk Anda jika Anda mendapat masalah atau ada sapai kebingunagan ituh tanda Anda sudah naik tingkat jadi jangan pernah menyerah ... ok

Pertama-tama, Anda membuat sebuah halaman di Dreamweaver css jika Anda tingal baru-> pilih kode css .. dan konten yang Anda inginkan

tetapi jika anda yang tidak menggunakan Dreamweaver Anda dapat menggunakan notepad dan copy code

 bawah 

@ Charset "utf-8";

/ * CSS Document * /

# Outer {width: 800px;

height: 700px;

background: # FFF;

} / / Lebar ituh lama jika heigth membuat down atau tinggi dan aku mencintai latar belakang warna putih

# Header {

height: 200px;

width: 800px;

background: # F00;

} / / Untuk lama aku masih mengenakan 800 dan 200 untuk warna latar belakang merah. Latar belakang juga dapat digunakan tetapi dengan ukuran gambar banner yang telah ditetapkan

# Kiri {

width: 400px;

height: 400px;

background: # 00F;

float: left;

}

# Kanan {

width: 400px;

height: 400px;

background: # 0F0;

float: left;

} / KIRI KE KANAN INI SAMA membuat konten html mana saya mengatur panjang yang sama dan tinggi tapi untuk background warna yang berbeda kiri kanan hijau biru dan dibiarkan mengapung di pertama

# Footer {

width: 800px;

height: 100px;

background: # 000

} / / Untuk footer ini dapat dikatakan dari sebuah situs web saya menginjakkan kaki lama-footer tentu 800px;

dan untuk sisa tingginya 700 dalam waktu kurang dari 200 dalam waktu kurang dari 400 sehingga footer tinggal 100

catatan => untuk div kita harus pintar dalam menghitung tinggi dan lebar dari web yang kita ingin membuat.

Simpan dengan nama style.css

Untuk tahap kedua saya akan memberitahu Anda bagaimana Anda dapat menginstal kode css lalu untuk HTML

Anda hanya salin kode di bawah dan mahasiswa I Untuk tanda cattan # di css telah memanggilnya dengan cara HTML memakai ID sebagai berikut 

<link rel="stylesheet" href="style.css"/>

<div id="luar">

<div id="header"> ini untuk banner </ div>

<div id="kiri"> ini ke konten kiri </ div>

<div id="kanan"> ini untuk konten yang tepat </ div>

<div id="footer"> ini ke kaki web </ div>

</ Div>

Sekian dari saya dan terima kasih ...

Sumer  information eginering