Pengertian CSS – Pengembangan website memakai HTML atau PHP saja belum cukup. Anda memerlukan CSS yang dapat mengatur semua tampilan website sampai-sampai terlihat lebih unik dan cocok dengan keperluan user. Itulah mengapa Anda butuh mengetahui definisi CSS.
Anda mesti
mengetahui tentang CSS sebab akan sangat bermanfaat dalam proses pengembangan
website. Apalagi ketika ini nyaris setiap website memakai CSS sebagai tools
guna mengatur sekian banyak tampilan di dalamnya. Nah! Pada artikel kali ini
kami akan membicarakan selengkap mungkin belajar CSS mulai dari definisi css
dan fungsinya.
Pengertian CSS
CSS adalah
kepanjangaan dari Cascading Style Sheets yang bermanfaat untuk menyederhanakan
proses penciptaan website dengan menata elemen yang tertulis di bahasa markup.
CSS digunakan
untuk mendesain halaman depan atau tampilan situs (front end). CSS menangani
tampilan dan ‘rasa’ dari halaman website.
Ada banyak hal
yang bisa Anda kerjakan menggunakan CSS dikomparasikan dengan bahasa
pemrograman inti laksana HTML dan PHP. Ketika memakai CSS, kita dapat menata
warna teks, jenis font, baris antar paragraf, ukuran kolom, dan jenis
background yang dipakai.
Tidak melulu
itu CSS juga dapat untuk mendesain layout, variasi tampilan di sekian banyak
perangkat yang berbeda, dan sekian banyak efek yang digunakan di dalam website.
CSS sangat
gampang dipelajari, tapi pun powerful sebab dapat mengontrol penyajian tampilan
dari dokumen HTML. Mulai dari yang sederhana sampai kompleks. Tidak heran andai
saat ini CSS hampir digunakan di sekian banyak website untuk digabungkan dengan
HTML maupun PHP.
Fungsi CSS
Anda pernah
mengupayakan mengembangkan website memakai HTML atau PHP? Jika sudah, kita
pasti menikmati sedikit kendala untuk mendesain tampilannya. Apalagi andai
membuat tampilan yang lumayan kompleks di proyek yang besar.
HTML memang
bukan dikembangkan guna mendesain tampilan depan website. Lalu, bagaimana
menciptakan tampilan situs yang unik dengan mudah? Menggunakan CSS dapat
menjadi di antara solusinya.
CSS pasti tidak
melulu mengatur tombol saja. Anda dapat mendesain sekian banyak macam tampilan
memakai CSS sampai-sampai sesuai dengan kebutuhan. Di samping itu, ada sejumlah
keuntungan yang dapat Anda dapatkan saat menggunakan CSS, seperti:
1. Mempercepat Proses Desain
Apa yang bakal
Anda lakukan andai menggunakan desain yang sama di sejumlah halaman HTML? Anda
barangkali akan mencatat satu per satu ke masing-masing file halaman.
Sesuai dengan
definisi CSS, andai menggunakan CSS, kita tidak butuh melakukan tersebut lagi.
CSSApa yang bakal Anda lakukan andai menggunakan desain yang sama di sejumlah
halaman HTML? Anda barangkali akan mencatat satu per satu ke masing-masing file
halaman. Jika memakai CSS, kita tidak butuh melakukan tersebut lagi.
Ketika memakai
CSS, Anda lumayan mengetikkan satu kali faedah CSS lantas menggunakannya di
sekian banyak halaman HTML. Fungsi CSS yang Anda bikin dalam satu file bisa
Anda panggil ke sekian banyak halaman web tanpa mesti mencatat baris kode
faedah berkali-kali.
2. Halaman Lebih Cepat Dimuat
Jika memakai
CSS, kita tidak butuh menyebutkan atribut tag HTML di masing-masing file. kita
hanya lumayan menulis satu aturan CSS dan menerapkannya di sekian banyak file
yang membutuhkannya melulu dengan memanggilnya.
Jadi satu file
melulu berisi tidak banyak baris kode yang dimuat. Nah, tidak banyak baris kode
berikut yang akan menciptakan proses download menjadi lebih cepat.
3. Proses Pemeliharaan Mudah
CSS mempermudah
Anda untuk mengolah tampilan di sekian banyak halaman. Hanya dengan mengubah
faedah style di file CSS maka semua tampilan yang menggunakan faedah tersebut
bakal berubah secara otomatis.
4. Style Lebih Beragam Dibanding HTML
CSS memiliki
atribut lebih pelbagai dibandingkan dengan HTML. Apa keuntungannya? Anda
memiliki lebih tidak sedikit pilihan tampilan halaman website.
5. Kompatibel Dengan Berbagai Macam Perangkat
CSS
memungkinkan konten Anda bisa dioptimasi di lebih dari satu perangkat. Misal
saat memproses suatu dokumen. Jika memakai CSS, Anda dapat menyesuaikan
tampilan dokumen di perlengkapan versi lama sekaligus di versi yang baru.
6. CSS Menjadi Standar Pengembangan Website
Hampir semua
website yang terdapat di internet memakai CSS di dalamnya. Di samping
tampilannya yang lebih menarik, banyak sekali browser populer ketika ini pun
mendukung CSS. Jadi andai Anda hendak mengembangkan situs yang cocok standar
browser populer, usahakan pakai CSS. Anda tentu juga hendak website bisa
kompatibel dengan sekian banyak macam browser kan?.
Cara Kerja CSS
Setelah
memahami pengertian CSS dan fungsinys, pertanyaan selanjutnya merupakan
bagaimana teknik kerja CSS? Jawabannya, CSS menciptakan style di dalam halaman
web bisa berinteraksi dengan unsur HTML. Elemen adalahkomponen HTML dari suatu
halaman web. Berikut ialah salah satu misal elemen di HTML:
<p>This
is my paragraph!</p>
Jika Anda
hendak membuat paragraf di atas hadir dengan warna yang beda dan bold, Anda
dapat menambahkan baris CSS seperti di bawah ini:
p { color:pink;
font-weight:bold; }
Pada contoh di
atas, “p” (paragraf) adalah bagian baris kode CSS guna menspesifikasikan unsur
HTML atau biasa dikenal dengan nama ‘selector’.
Di dalam CSS,
selector ditulis di unsur kiri sebelum tanda kurung kurawal (curly bracket)
kesatu. Sedangkan informasi yang terdapat di dalam tanda kurung kurawal
adalahsebuah pernyataan yang di dalamnya berisi properti dan nilai yang
diaplikasikan ke dalam selector.
Contoh dari
properti ialah ukuran font, warna, layout, format, dan beda sebagainya.
Sedangkan nilai yang dimaksud ialah pengaturan yang diterapkan ke dalam
properti. Misalnya dari misal di atas, “color” dan “font-weight”
adalahproperti, sementara “pink” dan “bold” adalahsebuah nilai.
Contoh dari
properti ialah ukuran font, warna, layout, format, dan beda sebagainya.
Sedangkan nilai yang dimaksud ialah pengaturan yang diterapkan ke dalam
properti. Misalnya dari misal di atas, “color” dan “font-weight”
adalahproperti, sementara “pink” dan “bold” adalahsebuah nilai.
Jadi semua
baris kode di dalam tanda kurung kurawal { color:pink; font-weight:bold; }
adalahsebuah deklarasi, sementara “p” (HTML paragraf) adalahsebuah selector.
Baik pernyataan dan selector adalahprinsip dasar dari pemakaian CSS dan HTML.
Prinsip ini pun dapat dipakai untuk menata ukuran font, warna background,
bentuk teks, dan beda sebagainya.
Sebagai
tambahan, baris kode ..
body {
background-color:lightblue; }
.. akan
menciptakan halaman background menjadi biru cerah, atau ..
p {
font-size:20px; color:red; }
.. akan
merealisasikan ukuran font 20 dengan warna merah.
0 Komentar