Tampilkan postingan dengan label Selectors. Tampilkan semua postingan
Tampilkan postingan dengan label Selectors. Tampilkan semua postingan

Adding class to set the position of image post

Menjadi seorang blogger yang sekaligus juga mengetahui bagaimana desain blog dibuat berikut kode yang digunakan menjadi sesuatu yang sangat menarik. Menjadi blogger memang "tak hanya sekedar bernilai sebuah posting", namun masih banyak hal lain yang juga sangat menantang dan seringkali bahkan membuat lebih banyak waktu tersita. Salah satunya adalah mencoba membuat berbagai kode baru dengan tujuan menciptakan posting dengan kode lebih sederhana namun mempunyai kualitas dan tampilan lebih baik. Image posting merupakan salah satu diantaranya dan melakukan itu dapat dilakukan dengan memanfaatkan property css. Tentu saja memahami kode css menjadi kunci segalanya dan itu hanya bisa terjadi dengan lebih banyak belajar css melalui tutorial css yang banyak tersedia di berbagai blog/web atau dari berbagai buku tentang css & kode html.

Selector id dan class - id and class selectors

Ketika anda membuka kode yang digunakan dalam desain blog/web akan banyak menemukan kode html dengan selector id dan class. Kedua selector ini berfungsi untuk membentuk style khusus pada elemen html. Id dituliskan dalam bentuk id="xxx" sedang class dituliskan dalam bentuk class="xxx". Penulisan id dan class dalam elemen html berhubungan dengan penggunaan selector id dan class dalam kode css yang digunakan. Dalam kode css, selector id dituliskan sevagai "#" dan class sebagai ".".

Penggunaan selector id dan class

  • Selector id digunakan secara khusus pada sebuah elemen tunggal yang berdifat unik. Sebuah elemen dengan id tertentu biasanya diikuti oleh beberapa elemen lain dengan class tertentu ataupun tanpa selector. Elemen dengan selector id bersifat atau mempunyai kekuatan tertentu yang tak dipengaruhi oleh id yang berbeda. Jika sebuah elemen dapat mempunyai beberapa class secara bersamaan, maka id hanya digunakan secara tunggal.

My ProfileC l o s e

FollowerC l o s e