Contoh singkatan untuk jidar, padding, jidar, latar belakang dan fon di bawah pertukaran CSS_Experience

Di bawah ialah contoh beberapa atribut yang lebih biasa digunakan.

jidar

jidar-atas: 1px;
jidar-kanan: 1px; Dipermudahkan kepada: margin:1px

margin-top:1px;
margin-right:2px; Untuk: margin:1px 2px

margin-top:1px;
margin-right:2px; Untuk: margin:1px 2px 3px

margin-top:1px;
margin-right:2px; Dipermudahkan kepada: margin: 1px 2px 3px 4px

Nota: Apabila nilai atribut ialah 0, unit tidak perlu ditulis, seperti: 0px ditulis terus sebagai 0

pelapis

padding Kaedah penulisan serupa dengan margin

padding-top:1px;
padding-right:1px
padding-bottom:1px; ;
Pemudahan kod Untuk: padding:1px

padding-top:1px; ：padding:1px 2px

padding-top:1px;
padding-right:2px;
padding-bottom:3px; dipermudahkan sebagai: padding:1px 2px 3px

padding-top:1px; Penyederhanaan kod Untuk: padding:1px 2px 3px 4px

border-width:1px
border-style:solid; > Kod Dipermudahkan kepada: border:1px solid #000

latar belakang

background-color:#CCFFFF;
background-image:url(picture path
background-repeat :repeat -x;
background-position:5px 4px;
Kod dipermudahkan kepada: background:#CFF url (laluan gambar) repeat-x 5px 4px

font

font-size :26px;
font-weight:bold;
font-family: “宋体”
Kod dipermudahkan kepada: font:26px bold “宋体”

color nilai atribut

Warna: #000000;
Warna: #ff0000;
Kod dipermudahkan kepada: warna: #000, warna: #f00