Belajar memahami dasar-dasar tentang css

Kalian ingin memulai cara belajar membuat css tapi masih bingung nih gimana caranya? Kalian bisa memulainya dengan membaca artikel ini lebih dahulu agar kalian tau dasar-dasar dari membuat css, tidak usah bingung karena yang dijelaskan di artikel ini hanya untuk dasar-dasar terlebih dahulu untuk memudahkan kalian memahaminya terlebih dahulu.

contoh dari gambar css

Apa sih pengertian dari css itu?

Yang pertama-tama sebelum kita belajar css itu gimana sebelumnya kita juga harus tahu dulu css itu pengertian nya apa. Jadi css adalah kepanjangan nya itu Cascading Style Sheets. Jika kalian terjemahkan itu artinya seperti lembaran penataan menurun. Namun secara konteksnya Cascading Style Sheet itu seperti kumpulan perintah yang digunakan untuk menjelaskan tampilan sebuah halaman siotus web dalam bentuk mark-up language. Mark-up language atau yang bisa juga disebutkan dalam bahasa pemrograman yang selalu digunaklan untuk membuat website.

Kalian pasti tau kan HTML, nah HTML itu lah salah satunya bahasa pemrograman mereka. HTML atau biasa di sebut juga sebagai Hypertext Mark Up Language ini tergolong bahasa pemrograman yang dasar atau bisa dikatakan pemrograman yang standar yang sering kali digunakan para pengguna

Nah HTML ini itu istilahnya ada dibalik layar atau bisa disebut juga sebagai tampilan halaman web yang kalian sering akses. Susunan dari situs web akan sangat berantakan jika tanpa adanya HTML.

CSS dan HTML

Lalu apasih hubungan atnara HTML ini dengan CSS? Pemrograman s128 sabung ayam sangat berhubungan ketat. Nah untuk CSS itu seperti kode-kode yang untuk mendesain sebuah halaman di HTML. jika kalau kita bayangkan HTML itu ibaratnya seorang manusia maka CSS itu kaya pakaian yang dipakai manusia agar penampilan tersebut semakin menarik lagi.

CSS itu akan selalu membantu para web untuk merubah dari tampilannya teks nya itu baik dari segi bentuk, ukuran dan juga dari segi warnanya. Dan CSS ini juga menambahkan gambar hingga mengubah latar belakang sebuah halaman dari HTML.

Keberadaan CSS ini bisa terlihat dengan adanya atribut warnanya teks tersebut. Dan disini lah CSS yang memberi perintah berupa teks yang berwarna dan memerintahkan untuk mengganti warna. Jadi setap CSS memberi perintah untuk merubah warna akan selalu ada kaliamat seperti tag<span> muncul teks yang mengikutinya akan berubah warna sesuai keinginan.

Akan lebih mudah untuk belajar CSS dengan cara mengetahui fungsinya juga

Sesungguhnya untuk fungsi itu sendiri sudah dijelaskan diawal awal. Pada dasarnya css ini itu berfungsi untuk mendesain, membentuk dan juga untuk mengubah tampilan halaman sebuiat situs website. CSS juga dapat berkerja dan berlaku juga untuk HTML. dengan adanya CSS ini itu, tag HTML dapat diubah ubah sesuai keinginan klita seperti tampilan laman website yang membuat halaman website lebih menarik.

Kalian tau tidak cara kerja dari CSS itu sendiri?

Jadi CSS itu beroprasi melalui tag <style> dengan atribut class warna. Dan dengan adanya CSS ini pada HTML tersebut maka pengaturan warna itu sendiri akan jauh lebih mudah ketimbang yang lainnya.

Saat kalian ingin mengganti warna teks nya kalian ga usah repoit-repot lagi, kalian hanya perlu ketikkan tag<span> tanpa harus ribet tulis ulang perintahnya. Jadi kalian bisa simpulkan sendiri bahwa CSS akan sangat menghemat waktu kalian dengan cara kasih perintah-perintah yang efesien. Hal ini pun bisa saja terjadi karena CSS sendiripun dikembangkan untuk bisa mengubah-ubah tampilannya dalam laman website tanpa harus kalian mengganti isi dari konten tersebut.

Jika kalian kembali lagi pada perumpamaan seorang manusia dan pakaian yang berada dipoin sebelumnya, dengan CSS ini kalian tidak harus mengubah bentukan dari manusia tapi hanya perlu kalian mengganti pakaian yang dikenaklan oleh manusia itu sendiri. Dengan adanya seperti itu kalian tidak perlu lagi memprogram ulang untuk tampilan pada website.

Keuntungan dari belajar CSS

Dengan nya kalian belajar menggunakan css kalian bahkan akan lebih mudah lagi untuk mengendalikan website. Kalian juga tidak harus pusing pusing lagi untuk mengatur HTML pada saat kalian disuruh mengubah ulang tampilan dari laman. Bahkan pada saat CSS tingklat lanjut kalian juga bisa mengatur website lewat media lainnya seperti lewat suara. Keuntungan yang lain yang kalian dapatkan dengan cara mempelajari CSS ini itu adalah tingkatan dari Compatibility yang tinggi. CSS kompatibel dengan kebanyakan browser dan juga sangat user-friendly sekali jika kalian mencobanya. Menurut website teknologi informasi yang ebrada di Amerika Serikat saja, Lifewire, yang menguasai CSS bahkan bisa mendapatkan pemasukan tambahan yang cukup lumayan dengan kiamu menguasa CSS saja.

Terlebih lagi CSS akan melatih kalian juga loh untuk membuat website yang beragam macamnya tidak hanya seragam saja. 

Macam-macam bentuk CSS

Saat kalian ini mulai belajar CSS klian juga akan di beritahu bahwa CSS itu dibagi-bagi menjadi beberapa macam bagi para pengguna yang berbeda-beda. Pada hal ini maksudnya itu agar kalian memperaktikan teori teori yang sudah ada dan sudah kalian pelajari sebelumnya dan tidak lagi mengalami kekeliruan yang disebabkannya.

Kira-kira ada tiga macam css yang sering kali digunakan oleh web designer. Berikut ini penjelasan secara singkatnya.

  1. Inline Style Sheet

Yang pertama-tama yang harus kita ketahui inline style sheet, sederhananya itu seperti modelnya CSS ini itu dengan perintah pemrograman yang terletak pada objek. Contohnya itu kalian ingin merubah sebuah tulisan nih ya pada halaman tertentu misalkan di website nya milik sendiri, inline style sheet CSS harusnya itu menempel pada elemen tersebut. Kalian cukup hanya menambahkan tag<style> saja untuk menerapkannya.

  1. External Style Sheet

Selain juga inline style sheet ada juga external style sheet. CSS ini juga letaknya sangat berbeda dengan laman yang akan diubah. Dan cara ini itu terbilang cukup praktis dari pada yang inline karna juga bisa juga untuk menghemat luang dan ini juga bisa digunakan berulang ulang untuk laman web yang berbeda-beda. Kalian juga bisa sangat mengenali CSS tipe ini caranya itu hanya lewat tag<link rel>. Tag ini itu akan langsung menghubungkan halaman coding pada external style sheet dengan CSS yang terpisah.

  1.  Embedded style sheet

Dan yang terakhir ini adalah embedded style sheet dan sebenarnya CSS ini itu sama seperti inline yang mana sama sama didalam satu codingan. Makanya tidak mengherankan jika embedded terkadang juga disebut sebagai internal style sheet biasanya pada CSS ini itu diapit oleh tag<head> </head> dan diawali dengan tag<style>

Embedded style sheet sering kali digunakan untuk mengatur web dengan tampilan yang terbilang unik. Contohnya itu adalah dalam satu paragraf tulisan ada kalimat yang berbeda dan hal itu pun selalu diulang berulang kali.