CSS dikembangkan oleh W3C (World Wide Web Consortium) pada tahun 1996 karena alasan yang agak sederhana. Elemen HTML tidak dirancang untuk memiliki tag yang akan membantu memformat halaman. Anda seharusnya hanya menulis markup untuk halaman web
Tags like were introduced in HTML version 3.2, and it caused quite a lot of trouble for web developers. Due to the fact that web pages have different fonts, colored backgrounds, and multiple styles, it was a long, painful, and expensive process to rewrite the code. Thus, CSS was created by W3C to solve this problem.
CSS secara teknis bukan keharusan, tetapi Anda mungkin tidak ingin melihat halaman web yang hanya menampilkan elemen HTML karena akan terlihat benar-benar telanjang.
Unduh Lembar Curang CSS Lengkap
Apa itu CSS?
CSS adalah singkatan dari bahasa Cascading Style Sheets dan digunakan untuk menyesuaikan gaya elemen yang ditulis dalam bahasa markup seperti HTML. Ini memisahkan konten dari representasi visual situs. Hubungan antara HTML dan CSS sangat erat karena HTML adalah dasar dari sebuah situs dan CSS adalah semua estetika dari keseluruhan situs web
Cascading Style Sheets Dijelaskan Dalam Video Tutorial
Cari tahu lebih lanjut tentang CSS dan cara kerjanya dengan menonton tutorial video ini
Berlangganan Untuk video pendidikan lainnya. Akademi Hostinger
Langganan
Keuntungan CSS di Halaman Web
Perbedaan antara halaman web yang mengimplementasikan CSS dan yang tidak sangat besar dan pasti terlihat
Anda mungkin pernah melihat situs web yang gagal memuat sepenuhnya dan memiliki warna latar belakang putih dengan sebagian besar teks berwarna biru dan hitam. Ini berarti bagian CSS dari halaman web tidak dimuat dengan benar atau tidak ada sama sekali
Seperti itulah tampilan halaman web dengan hanya HTML, dan saya pikir Anda akan setuju bahwa itu tidak terlalu menarik
Sebelum menggunakan CSS, semua gaya harus dimasukkan ke dalam markup HTML. Ini berarti pengembang web harus menjelaskan secara terpisah warna latar belakang, ukuran font, keberpihakan, dll
CSS memungkinkan Anda mengatur gaya semuanya pada file yang berbeda, sehingga membuat desain di sana dan kemudian mengintegrasikan file CSS di atas markup HTML. Ini membuat markup HTML yang sebenarnya jauh lebih bersih dan lebih mudah dipelihara
Singkatnya, dengan fitur CSS Anda tidak perlu berulang kali mendeskripsikan tampilan elemen individual. Ini menghemat waktu, mempersingkat kode, dan membuatnya tidak rentan terhadap kesalahan
CSS memungkinkan Anda memiliki banyak gaya pada satu halaman HTML, sehingga membuat kemungkinan penyesuaian hampir tidak terbatas. Saat ini, ini lebih menjadi kebutuhan daripada komoditas
Bagaimana Cara Kerja CSS?
CSS uses a simple English based syntax with a set of rules that govern it. Like we’ve mentioned before, HTML was never intended to use style elements, only the markup of the page. It was created to merely describe the content. For example:
This is a paragraph.
.Tapi bagaimana Anda mengatur gaya paragraf? . Ini memiliki pemilih dan blok deklarasi. Anda memilih sebuah elemen dan kemudian mendeklarasikan apa yang ingin Anda lakukan dengannya. Cukup mudah, bukan?
Namun, ada aturan yang harus Anda ingat. Aturan strukturnya cukup sederhana, jadi jangan khawatir
Pemilih menunjuk ke elemen HTML yang ingin Anda gaya. Blok deklarasi berisi satu atau lebih deklarasi yang dipisahkan oleh titik koma
Setiap deklarasi menyertakan nama properti CSS dan nilai, yang dipisahkan oleh titik dua. Deklarasi CSS selalu diakhiri dengan titik koma, dan blok deklarasi dikelilingi oleh kurung kurawal
Mari kita lihat sebuah contoh
All of the
elements will be colored blue and bolded.
<style> p { color: blue; text-weight: bold; } <style>In another example, all
elements will be center-aligned, be 16x wide and pink.
<style> p { text-align: center; font-size: 16px; color: pink; } </style>_Lihat lembar contekan CSS kami untuk lebih banyak contoh
Sekarang mari kita bicara tentang gaya CSS yang berbeda. Mereka Inline, Eksternal dan Internal
Gaya CSS Internal, Eksternal, dan Inline
Kami akan membahas setiap gaya secara singkat, untuk penjelasan mendalam tentang setiap metode, akan ada tautan di bawah ikhtisar
Mari kita mulai dengan berbicara tentang gaya Internal. Gaya CSS yang dilakukan dengan cara ini dimuat setiap kali seluruh situs web disegarkan, yang dapat menambah waktu pemuatan. Selain itu, Anda tidak akan dapat menggunakan gaya CSS yang sama di beberapa halaman karena dimuat dalam satu halaman. Namun, ini juga datang dengan manfaat. Memiliki semuanya di satu halaman memudahkan berbagi template untuk pratinjau
Metode Eksternal mungkin yang paling nyaman. Semuanya dilakukan secara eksternal pada a. file css. Ini berarti Anda dapat melakukan semua gaya pada file terpisah dan menerapkan CSS ke halaman mana pun yang Anda inginkan. Gaya Eksternal juga dapat meningkatkan waktu pemuatan
Lastly, we will talk about the Inline style of CSS. Inline works with specific elements that have the tag. Each component has to be stylized, so it might not be the best or fastest way to handle CSS. But it can come in handy. For example, if you want to change a single element, quickly preview changes, or maybe you don’t have access to the CSS files.
Untuk informasi lebih lanjut tentang berbagai gaya CSS, lihat artikel mendalam kami di sini
Kesimpulan
Mari kita rangkum apa yang telah kita pelajari di sini tentang CSS dan bagaimana CSS membantu estetika halaman web
- CSS dibuat untuk bekerja bersama dengan bahasa markup lain seperti HTML. Ini digunakan untuk mengatur gaya halaman
- Ada tiga gaya penerapan CSS, dan Anda dapat menggunakan gaya Eksternal untuk menyesuaikan beberapa halaman sekaligus
- Anda tidak akan pergi jauh tanpa melihat beberapa jenis implementasi CSS saat ini karena ini merupakan persyaratan yang sama besarnya dengan bahasa markup itu sendiri.
Secara keseluruhan, kami harap artikel ini bermanfaat bagi Anda, dan jika Anda memiliki pertanyaan, silakan tinggalkan di bagian komentar di bawah
Pastikan situs web Anda dapat menangani semuanya – mulai dari lalu lintas tinggi hingga waktu pemuatan yang cepat, dan banyak lagi. Beli Hosting Web
Apa itu FAQ CSS
Apa Artinya CSS?
CSS adalah singkatan dari Cascading Style Sheet dan itu adalah bahasa pemrograman yang digunakan untuk menentukan gaya situs web bersama dengan HTML
Mengapa CSS Digunakan?
CSS digunakan untuk memberi tahu browser web bagaimana tampilan situs web tertentu. Itu tidak dapat digunakan untuk membuat elemen halaman baru, tetapi digunakan untuk mengatur gaya elemen HTML
Apa Berbagai Jenis CSS?
Ada 3 jenis CSS yang berbeda. CSS sebaris, CSS internal atau tersemat, dan CSS eksternal
Apa Perbedaan Antara HTML dan CSS?
Sebagai bahasa pemrograman markup, HTML digunakan untuk membuat website statis. CSS, di sisi lain, adalah bahasa lembar gaya yang digunakan untuk menentukan gaya dan presentasi keseluruhan dari berbagai file dan elemen halaman dalam bahasa markup seperti HTML
Penulis
Arturas B
Artūras adalah Penulis Konten Teknis yang berpengalaman. Membawa banyak pengetahuan tentang WordPress dan hosting web ke tim, dia berusaha keras untuk menulis konten murni tentang subjek apa pun yang terkait dengan TI. Dia juga mencintai anjing