Ringkasan sintaks singkatan CSS_CSS/HTML yang biasa digunakan

Menggunakan singkatan boleh membantu mengurangkan saiz fail CSS anda dan menjadikannya lebih mudah dibaca. Peraturan utama untuk singkatan CSS adalah seperti berikut:

Warna

Nilai warna heksadesimal, jika nilai setiap dua digit adalah sama, boleh dipendekkan separuh, contohnya:
#000000 boleh disingkatkan kepada #000; #336699 boleh disingkatkan kepada #369;

Saiz kotak

Biasanya terdapat empat kaedah penulisan:

• property:value1; bermakna semua tepi mempunyai nilai nilai1;
• property:value1 value2; bermaksud nilai atas dan bawah ialah nilai1, dan nilai kanan dan kiri ialah nilai2
• harta:nilai1 nilai2 nilai3; bermakna nilai atas ialah nilai1, nilai kanan dan kiri ialah nilai2 dan nilai bawah ialah nilai3
• property:value1 value2 value3 value4; Empat nilai mewakili atas, kanan, bawah, kiri secara bergilir-gilir

Cara mudah untuk mengingati ialah mengikut arah jam, kanan atas, kiri bawah. Contoh aplikasi khusus dalam margin dan padding adalah seperti berikut:
margin:1em 0 2em 0.5em

Sempadan(sempadan)

Sifat-sifat sempadan adalah seperti berikut:

• lebar sempadan:1px;
• gaya sempadan:pepejal;
• warna sempadan:#000;

boleh disingkatkan kepada satu ayat: border:1px solid #000

Sintaks ialahwarna gaya sempadan:lebar;

Latar belakang

Sifat latar belakang adalah seperti berikut:

• warna latar belakang:#f00;
• background-image:url(background.gif);
• latar belakang-ulang:tiada-ulang;
• latar belakang-lampiran:tetap;
• kedudukan latar belakang:0 0;

boleh dipendekkan kepada satu ayat: background:#f00 url(background.gif) no-repeat tetap 0 0;

Sintaks ialah

latar belakang: kedudukan lampiran ulang imej berwarna;

Anda boleh meninggalkan satu atau lebih nilai atribut Jika ditinggalkan, nilai atribut akan menggunakan nilai lalai penyemak imbas ialah:

warna: lutsinar
• imej: tiada
• ulang: ulang
• lampiran: tatal
• kedudukan: 0% 0%

Fon

Atribut fon adalah seperti berikut:

gaya fon:italic;
• varian fon:huruf kecil;
• berat fon:tebal;
• saiz fon:1em;
• ketinggian garisan: 140%;
• fon-keluarga:"Lucida Grande",sans-serif;

boleh diringkaskan kepada satu ayat: fon:huruf kecil huruf miring tebal 1em/140% "Lucida Grande",sans-serif;

Perhatikan bahawa jika anda meringkaskan definisi fon, anda mesti mentakrifkan sekurang-kurangnya dua nilai: saiz fon dan keluarga fon.

Senarai

Untuk membatalkan titik lalai dan nombor siri, anda boleh menulis list-style:none;,

Atribut

senarai adalah seperti berikut:

jenis-gaya senarai: segi empat sama;
• kedudukan gaya senarai:dalam;
• imej gaya senarai:url(imej.gif);

boleh dipendekkan kepada satu ayat: list-style:square inside url(image.gif);