c

Mempelajari Sintaks CSS dan Aplikasi yang Tepat

Mempelajari Sintaks CSS : Setelah Anda memiliki pemahaman yang kuat tentang CSS dan apa yang dapat dilakukannya, langkah selanjutnya adalah memahami sintaks CSS dan beberapa cara penerapannya pada dokumen Anda.

Sintaks CSS terdiri dari tiga elemen.

Selector: Selector adalah elemen dalam dokumen HTML Anda yang ingin Anda gaya. Misalnya, jika Anda telah menempatkan tag paragraf di dalam HTML, pemilih Anda akan menjadi “p” – tag paragraf standar di CSS. Jika Anda ingin menerapkan gaya ke seluruh isi situs web Anda, Anda akan menggunakan “tubuh” sebagai pemilih. Di lain waktu, Anda akan mempelajari cara membuat penyeleksi Anda sendiri menggunakan tag “kelas” dan “id”.

Properti: Properti adalah elemen yang dapat di terapkan ke pemilih tertentu. Mari kita ambil paragraf dari contoh di atas. Beberapa properti yang dapat Anda gunakan untuk mengatur gaya pemilih itu termasuk font-family, font-size, color, dan beberapa lainnya.

Nilai: Nilai adalah bentuk, ukuran, dimensi, dll. yang diterapkan pada properti tertentu. Misalnya, Anda akan menerapkan nilai 20px ke properti di atas jika Anda ingin salinan paragraf Anda ditampilkan pada 20px.

Pemilih:
hal {}

Pemilih + Properti:
p { ukuran font: }

Pemilih + Properti + Nilai
p {ukuran font: 20px; }

Sekarang, mari masuk ke aplikasi CSS. Ada tiga cara Anda dapat menerapkan gaya ke dokumen Anda.

Gaya Sebaris

Gaya sebaris berarti Anda menempatkan gaya untuk elemen tertentu di dalam tag itu sendiri. Misalnya, jika Anda ingin mewarnai warna teks paragraf menjadi biru, Anda akan menerapkan ” biru;” dalam tag paragraf Anda.

Metode ini boleh saja, tetapi tidak di sarankan. Jika Anda memiliki situs web dengan kedalaman 100 halaman dan setiap halaman menggunakan gaya sebaris, ketika perubahan perlu di lakukan, Anda harus mengubah semua 100 halaman secara mandiri.

Gaya Internal

Gaya internal berarti memasukkan gaya Anda ke dalam dokumen HTML itu sendiri. Di awal dokumen HTML Anda, ada tag kepala. Gaya Anda akan di tempatkan di antara tag ini untuk referensi. Anda dapat menggunakan metode ini jika Anda memiliki situs web satu halaman.

Gaya Eksternal

Oleh sebab itu Menggunakan gaya eksternal adalah cara paling efektif dalam menggunakan CSS. Gaya Anda di simpan di dokumen luar tempat semua file HTML terhubung. Hal ini membuat perubahan global menjadi mudah. Katakanlah Anda ingin mengubah warna tautan di situs web 100 halaman Anda. Alih-alih mengubah setiap halaman secara independen, Anda dapat mengubah gaya di dalam dokumen eksternal dan di sana Anda memilikinya. Semua halaman akan di ubah – karena semuanya terkait dengan style sheet yang sama.