Posts

Pengenalan CSS

-
Image
Pengenalan CSS Pengertian apa yang dimaksud dengan css? Css adalah kependekan dari Cascading style sheet . CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah sebuah teknologi internet yang direkomendasikan World wide web consortium atau W3C pada tahun 1996 Awalnya CSS dikembangkan di SGML pada tahun 1970, dan terus dikembangkan hingga saat ini. CSS telah mendukung banyak bahasa Markup seperti HTML,XHTML,XML,SVG(scalable vector grafic),dan Mozilla XUL(XML user interface language). Pada Desember 1996, W3C memperkenalkan level 1 spesifikasi CSS atau juga dikenal dengan CSS1 yang mendukung format warna font teks dan lain-lain. Kemudian Mei 1998,W3C menerbitkan CSS2 yang didalamnya diatur fungsi peletakan elemen. Dan sekarang W3C telah memperbaiki dan meningkatkan kemampuan CSS2 ke CSS 4. CSS digunakan oleh web programmer dan juga web designer untuk menentukan
Post a Comment
Read more

CSS lanjutan

-
Image
Css lanjutan Menebalkan huruf HTML dengan CSS (Bold) Untuk membuat huruf atau font HTML menjadi tebal (Bold), kita menggunakan properti font-weight. Properti font-weight memiliki 13 nilai yang terdiri dari 4keyword dan 9angka. Ke- 13 nilai properti font-weight tersebut adalah: normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, dan 900. Kesemua nilai ini dimaksudkan untuk membuat berbagai ukuran ketebalan teks. Dimulai angka 100 untuk teks yang paling tipis, sampai dengan nilai 900 untuk teks yang paling tebal. Namun agar ke seluruh nilai ini memiliki efek yang berbeda, jenis font yang di pilih juga harus menyediakan pilihan-pilihan ini. Untuk menghapus efek tebal dari teks, gunakan perintah font-weight: normal. Hasil dari kode di atas Mengubah tampilan huruf kapital (case) Teks HTML Kadang kala kita ingin mengubah sebuah kalimat menjadi huruf besar semua atau huruf kecil semua. Untuk keperluan ini, CSS menyediakan properti teks-transform.Sam
Post a Comment
Read more

CSS lanjutan

-
Image
Css lanjutan Merubah warna teks (Font) HTML dengan CSS (color) Perintah CSS yang digunakan untuk mengubah warna teks HTML adalah dengan menggunakan properti color, berikut contoh penulisannya: Sebagai nilai untuk property color, bisa berupa keyword warna (seperti red, green, blue ,dan yellow), bisa juga berupa notasi angka hexadesimal RGB (seperti #112233, #ABCDER) atau dalam bentuk desimal (seperti RGB(0,100,255) atau RGB(0%,63%,100%). Penjelasan lebih lanjut tentang pengertian metode warna ini bisa dibaca pada tutorial belajar CSS penulisan kode warna pada CSS. Sebagai contoh tutorial, berikut kode HTML dan CSS dengan penggunaan properti color. Hasil dari kode di atas Pada contoh di atas, saya membuat 3 buah kalimat dengan class: pertama, kedua, ketiga.Masing masing class tersebut diset warna teksnya dengan CSS Mengatur lebar spasi antar huruf dan kata teks HTML Properti CSS letter-spacing digunakan untuk mengatur spasi atau jarak antar huruf. Nilai yang digun
Post a Comment
Read more

CSS lanjutan

-
Image
Css lanjutan Merubah jenis font HTML dengan CSS (font-family) Jadi kali ini kita akan membahas cara merubah tampilan font HTML dengan menggunakan CSS dengan menggunakan font-family. Dengan cara menulis kan di dalam selector Jika sebelumnya kita di batasi untuk menggunakan web-safe font, yang artinya anda hanya terbatas menggunakan font font yang memang aman dan terdapat di berbagai platform seperti times New roman, arial, Tahoma,dan sebagainya. Sekarang kita dapat bebas berekspresi dengan font pilihan kita dengan menggunakan font-face. Menggunakan Google font dengan CSS Kali ini kita akan bahas bagaimana caranya merubah font dengan menggunakan Google font. Google font sendiri adalah salah satu "produk" google yang menurut saya sangat bermanfaat bagi para weh designer. Di google fonts kita bakal melihat banyak pilihan font yang keren yang bisa kita aplikasikan pada web kita Pertama yang harus kita lakukan adalah menuju ke halaman Google font https://font
Post a Comment
Read more

CSS lanjutan

-
Image
Css lanjutan Mengubah ukuran font HTML dengan CSS (Font-size) Untuk mengubah besar atau ukuran dari sebuah font atau teks dengan CSS, kita menggunakan properti font-size. Properti font-size cukup sederhana dan ditulis seperti contoh berikut ini. Dengan menulis kode CSS di atas, semua teks di dalam tag p akan memiliki font dengan ukuran 40px. Kita juga bisa mengganti nya dengan satuan ukuran yang lain, dimulai dari pixel seperti contoh di atas, keyword seperti small, medium, large, ukuran satuan persen, em, dan juga ukuran lain seperti cm, mm, pt, dan pica. Ukuran satuan cm, mm, pt dan pica berasal dari media cetak seperti koran dan majalah. Satuan ini cocok untuk media yang bersifat pasti (dimana kita bisa menentukan sendiri ukuran kertas yang akan digunakan). Namun satuan ukuran tersebut tidak cocok di dalam media elektronik seperti web. Karena media yang digunakan oleh pengunjung web bisa bermacam-macam mulai dari smartphone dengan layar 2inchi sampai dengan monit
Post a Comment
Read more

Pengertian kode warna RGBA, HSL, HSLA, dan Atribut selector di CSS

-
Image
Pengertian kode warna RGBA, HSL, HSLA, dan Atribut selector di CSS Pengertian dan penulisan kode warna RGBA, HSL, DAN HSLA Pengertian kode warna RGBA Jika kode warna RGB merupakan singkatan dari Red, green, blue, maka kode warna RGBA adalah singkatan dari Red,Green,Blue,Alpha. Tambahan kata alpha disini merujuk kepada alpha channel. Alpha channel adalah sebuah metode untuk menentukan tingkat transparan sebuah warna(opacity). Nilai alpha 0 akan membuat sebuah warna transparan (tembus pandang), dan nilai alpha 1 akan membuat warna solid dan tidak tembus pandang terhadap objek lain dibelakang nya(ini merupakan nilai default). Namun kita bisa membuat nilai berada di antara 0 dan1, dengan penulisan desimal seperti 0.5, 0.6, 0.9. Dengan demikian kita bisa membuat efek tembus pandang dengan CSS, terutama untuk beberapa objek yang saling bertumpuk. Untuk penulisan kode warna RGBA dalam CSS, kita menggunakan notasi penulisan desimal, dan menambah keyword "rgba" diaw
Post a Comment
Read more

Mengenal sifat penurunan (Inheritance), Penulisan kode warna Mengenal satuan nilai(Value) di CSS

-
Image
Mengenal sifat penurunan (Inheritance), Penulisan kode warna Mengenal satuan nilai(Value) di CSS Mengenal sifat penurunan dalam CSS (Inheritance) Inheritance dalam CSS adalah sifat penurunan efek CSS dari sebuah tag HTML Kepada tag HTML lainnya. Syarat untuk inheritance adalah tag tersebut harus berada di dalam tag lainnya. Di dalam HTML , setiap tag umumnya akan berada di tag lain. Untuk seluruh tag HTML akan berada di dalam tag HTML, dan untuk seluruh tag yang tampil di web browser akan berada di dalam tag body. Sebagai contoh, perhatikan potongan HTML berikut ini. Dari contoh di atas,tag p berada di dalam tag div, sehingga dapat dikatakan tag div adalah induk parent dari tag p. Sedangkan tag em yang berada di dalam tag p merupakan anak ( child ) dari tag p dan grandchild dari tag div. Jika kita membuat kode CSS sebagai berikut. Maka efek dari kode CSS tersebut akan membuat seluruh text di dalam tag div akan berwarna hijau, walaupun di dalam tag div juga terdap
Post a Comment
Read more