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 Show 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 TutorialCari 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 WebPerbedaan 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 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 InlineKami 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 |
