Belajar CSS Lengkap Bagi Pemula Part 1

Anonymous 12:35 Blogging

Mengenal CSS Dengan baik dan teliti adalah salah satu usaha untuk kita belajar css dan juga html juga sama, dengan belajar CSS kita bisa mengubah segalanya menjadi yang kita inginkan untuk blog kita, siapa yang nggak mau biar blognya tamvan dan juga tetap ringannya, dan dengan cara mengubah css tampa menambah gambar ataupun javascript.

Pertanyaan!
1.Mengedit CSS Apakah akan membuat Lemot atau lelet Template ???
Tentu saja tidakk karena CSS hanya kita edit dan akan bisa mengubah penampilan blog menjadi cantik dan tamfan jika yang ingin agar tidak lemot atau kecepatan tidak berkurang sama sekali jangan tambahkan Javascript dan CSS hanya edit saja, dan jika ingin tidak berkurang dan tetap cepat compress saja css dan javascriptnya

Berikut Tutorial CSS Bagi Pemula

- Menggeser atau Menempatkan agar Rapi dan Sesuai
Dengan cara ini kita bisa mengedit letak agar misalnya agak ke samping dan agak ke atas dan bawah bagaimana caranya ??? , yang 1 ini caranya dengan cara float dan text align tapi jika semua konten mendingan langsung dengan margin , dengan mengedit margin kita bisa menyesuaikan letaknya

1.Margin-top : 5px;

Margin-top Agar letaknya di beri jarak sebesar 5px jadi margin itu JARAK

2.Margin-left : 5px;

Margin-left Agar lebih diberi jarak kiri sepanjang 5px

Begitu juga dengan Rigth dan juga Bottom ataupun anda juga bisa dengan cara langsung dengan kode margin

- Memperbesar Konten CSS
Biasanya orang memperbesar dengan cara width dan juga height sebenarnya yang bagus itu dengan cara Padding , dengan memberikan kode padding pada css maka akan lebih rapi dan jelas,

Cara menggunakan ini sama dengan height dan widht hanya saja lebih kepada mirip kepada margin

Contoh!

Padding-top : 5px;

Berarti ini akan melebarkan kontennya sesuai dengan yang diatas itu adalah 5, dan caranya juga sama seperti yang atas untuk left - right - dan juga bottom , ataupun langsung dengan kode padding

- Memberikan Warna Background dan juga warna untuk Text
Cara memberikan warna untuk background dan juga text sangatlah mudah dan sebenarnya caranya sama hanya menyisipkan kode kode yang hampir sama ,dan seperti halnya padding dan margin yang bedekatan caranya

Memberikan warna pada background ataupun latar warnanya

background:#fff;

Yang diatas itu adalah memberikan warna pada latar atau background , dan kode #fff itu adalah kode warna yang saya sisipkan di atas itu adalah warna putih bisa juga dengan format 3 huruf/angka dan juga bisa 6huruf/angka

Memberi warna pada text ataupun pada fontnya

color:#000;

yang diatas itu adalah memberikan warna pada font atau text yang disisipkan pada kode itu , color jadi sama dengan warna , dan formatnya seperti yang di atas tadi #000 berarti warna hitam

Lalu bagaimana posisi menyisipkan kode pada konten CSS tersebut
Berikut ini adalah cara menyisipkannya

Menyisipkan dengan langsung di Style // B:Skin

.CSSKonten {.....kodenya disini.....}

Selain itu bisa juga langsung pada HTML nya

Menyisipkan dengan langsung di HTML

<div class='CSSKonten' style='...kodenya disini....;' > ... </div>

Nahh bagaimana dengan yang diatas dengan ini kalian bisa belajar dengan giat lagi , dan yang paling penting belajar CSS itu dari IE / Inspect Element bukan Internet Explorer hehe... , jadi bagaimana bermanfaat bukan , sekarang langsung saja kita tutup semoga kalian bisa menjadi mastah mastah baru diindonesia , tapi kalian dukung juga mastah design untuk menjadi mastah di blogger yang mantapp, selamat belajar (sukses), Tunggu Part II nya ya??

Tag : Blogging