Share

Styling With CSS (Cascading Style Sheet)

CSS atau Cascading Style Sheet, adalah bahasa sylesheet yang digunakan untk mengganti tampilan websiate atau gaya website.

Di Post ini saya akan menjelaskan bagaimana cara mengubah warna text, mengubah ukuran text, mengubah warna background, dan cara menguhubungkan HTML ke CSS

1.Cara menghubungkan file HTML ke file CSS

Caranya kita harus menggunakan tag <link rel=”stylesheet” href=”style.css”) , kita harus masukkan kode/tag ini ke dalam tag head, jadi kurang lebih penulisannya seperti ini,

<head>
<link rel=”stylesheet” href=”style.css”>
<head>

2.Cara mengubah warna text dan ukuran text

yang pertama kita akan bahas bagaimana cara mengubah ukuran text, jadi kalau kita mau mengubah ukuran text kita harus ubah di file CSS, jadi kurang lebih penulisannya seperti ini,

style.css(ini nama filenya , tempat kita akan mengubah ukuran text)

h1 {font-size: 10px; }

jadii disini misalnya kita mau ubah ukuran tag h1, maka di file css nya, kita hanya perlu tulis h1 dan disampingnya tulis {font-size: -px}; (ini bagian yg paling penting)

yang kedua, cara mengubah warna text, caranya sama yg berbeda hanyalah baris kodenya, contoh kita ingin mengubah warna tag h1 nya menjadi warna biru maka caranya, seperti ini:

h1 {color : blue; }

3.Cara mengubah warna background color

cara mengubah beackgrround color sama seperti dengan cara mengubah texxt color, misalnya kita ingin mengubah background colornya menjadi warna hitam, kita akan menggunakan tag background: black;, bedanya kalau text kita tinggal tulis h1 / p, untk ubah warna background kita harus tulis di tag body dan ingat yaa, kita tetap menulisnya di file css, bukan file html contoh:

body {bakground: black; }

dan ini ditulis di file css, bukan di file html yaa

Itu saja yang ingin saya sampaikan, semoga penjelasan saya bermanfaat, dan berguna untk kalian semua, sekian dari saya , terimakasih and see you in next post

You may also like