Spesifikasi CSS memungkinkan gaya dibuat menggunakan sintaksis steno yang disebut steno CSS. CSS singkatan memungkinkan Anda menentukan nilai beberapa properti dengan satu tag properti. Misalnya, Anda dapat menggunakan properti font untuk mengatur properti font-style, font-variant, font-weight, font-size, line-height, dan font-family dalam sintaks satu baris.
Masalah utama yang perlu diperhatikan saat menggunakan CSS singkatan adalah bahwa nilai yang dihilangkan dari properti CSS singkatan akan ditetapkan sebagai nilai default untuk properti tersebut. Jika dua atau lebih aturan CSS ditetapkan ke tag yang sama, hal ini dapat menyebabkan laman tidak ditampilkan dengan benar.
Misalnya, tag H1 yang ditunjukkan di bawah ini menggunakan sintaks CSS normal. Perhatikan bahwa nilai untuk properti font-variant, font-stretch, font-size-adjust, dan font-style diberi nilai defaultnya.
H1 {
berat font: tebal;
ukuran font: 16pt;
tinggi garis: 18pt;
keluarga font: Arial;
varian font: normal;
gaya font: normal;
peregangan font: normal;
penyesuaian ukuran font: tidak ada
}
Mari kita tulis ulang tag ini menggunakan atribut singkatan:
H1 { font: bold 16pt/18pt Arial }
Saat ditulis menggunakan notasi steno, nilai yang dihilangkan secara otomatis ditetapkan ke nilai defaultnya. Oleh karena itu, contoh singkatan di atas menghilangkan tag font-variant, font-style, font-stretch, dan font-size-adjust.
Jika Anda menggunakan bentuk sintaksis CSS yang singkat dan normal untuk mendefinisikan gaya di lebih dari satu tempat (seperti menyematkan gaya di halaman HTML dan mengimpor gaya dari lembar gaya eksternal), ketahuilah bahwa atribut yang dihilangkan dapat menimpa (atau mengalirkan) gaya tersebut. gaya di Properti yang secara eksplisit diatur di tempat lain.
Oleh karena itu, Dreamweaver menggunakan bentuk normal simbol CSS untuk menulis sintaksis secara default. Hal ini mencegah potensi masalah yang disebabkan oleh aturan singkat yang mengesampingkan aturan biasa. Saat Anda membuka halaman Web di Dreamweaver yang dikodekan menggunakan notasi CSS singkatan, ketahuilah bahwa Dreamweaver akan menggunakan bentuk normal untuk membuat aturan CSS baru. Anda dapat mengubah preferensi pengeditan CSS di kategori Gaya CSS pada kotak dialog Preferensi (Edit>>Preferensi di Windows; Dreamweaver>>Preferensi di Macintosh).
Melihat
Panel Gaya CSS membuat aturan hanya menggunakan simbol normal. Jika Anda menggunakan panel Gaya CSS untuk membuat halaman atau lembar gaya CSS, ketahuilah bahwa aturan CSS singkatan kode tangan dapat menyebabkan properti singkatan menggantikan properti yang dibuat dalam bentuk normal. Oleh karena itu, gunakan simbol CSS biasa untuk membuat gaya Anda.