Hubungan antara CSS dan HTML

Apa Hubungan CSS dan HTML?

CSS bekerja sebagai pelengkap pada HTML.  CSS memungkinkan web developer untuk memisahkan HTML dari aturan aturan untuk membentuk tampilan sebuah website.

Fungsinya:                                                                                                                                                        

1. Dengan memperggunakan CSS memungkinkan mendapatkan file yang kecil.                                   Dengan mempergunakan CSS, akan diperoleh file hasil web design lebih kecil. Hal ini karena pengaturan style oleh CSS dibuat secara terpisah dan di import ke dalam file utama.  Halaman dengan script yang sedikit berarti akan didapat file yang lebih kecil pula dan Google lebih suka file yang kecil.  Meskipun secara Google tidak memberikan pernyataan secara resmi, tetapi dari beberapa sumber dari SEO komunitas, bahwa mereka setuju untuk tidak membuat sebuah halaman web lebih besar dari 100KB.                                                                                           
2. Kecepatan Acess akan jauh lebih cepat.                                                                                              Dari keterangan diatas, maka akan diperoleh file yang jauh lebih kecil.  Hal ini berarti juga akan mempercepat acces untuk membuka halaman website.  Selain itu pada waktu membuka pertama kali dari sebuah halaman website yang mempergunakan CSS, maka file CSS yang disimpan sebagai external file akan disimpan sebagai chache (temporary data) dalam computer browser dan untuk membuka halaman selanjutnnya akan jauh lebih cepat.  Hal ini karena file CSS sudah siap (sudah ada dalam computer browser).                                 
3. Lebih mudah untuk mengontrol style dari seluruh halaman website.                                           Dengan menggunakan CSS akan sangat mempermudah mengotrol style dari seluruh halaman web site.  Hal ini dikarenakan kita hanya merubah satu halaman untuk merubah seluruh style dari sebuah website.
4. CSS memungkinkan menyembunyikan content dari browser, tapi masih di index oleh google. CSS memungkinkan kita menyembunyikan Content dari halaman website dari browser, tetapi memungkinkan masih dibaca oleh google.  Hal ini tidak kami maksudkan untuk tujuan search engine spaming, tetapi dikarenakan oleh hal lain.  Misalnnya anda menghendaki sebuah content untuk disembunyikan dari browser, tatapi masih bisa Nampak ketika diprint, atau sebaliknnya.

Accordion adalah efek yang memungkinkan suatu tampilan besar disembunyikan menjadi kecil dengan mewakilkannya pada sebuah header atau tombol.  Dengan mengklik header tersebut tampilan yang berisi banyak tulisan itu baru muncul, ketika di klik lagi makan akan tersembunyi.  Sehingga menghemat tempat.

semoga bisa dimengerti dan dapa