Nachfolgend finden Sie Beispiele für einige der am häufigsten verwendeten Attribute.
margin
margin-right:1px;
margin-left:1px; Vereinfacht zu: margin:1px
margin-right:2px;
margin-left:2px; Für: margin:1px 2px
margin-right:2px;
margin-left:2px; Für: margin:1px 2px 3px
margin-right:2px;
margin-left:4px; Vereinfacht zu: Rand: 1px 2px 3px 4px
Hinweis: Wenn der Attributwert 0 ist, muss die Einheit nicht geschrieben werden, z. B.: 0px direkt als 0 geschrieben
Padding
padding Die Schreibmethode ähnelt margin
padding-top:1px;
padding-bottom:1px;
padding-left:1px; ;
Code-Vereinfachung Für: padding-top:1px
padding-bottom:1px
padding-left:2px; :padding:1px 2px
padding-right:2px;
padding-left:2px; vereinfacht als: padding:1px 2px 3px
padding-top:1px
padding-bottom:3px;
padding-left:4px; Code-Vereinfachung Für: padding:1px 2px 3px 4px
border-width:1px;
border-color:#000000; > Code vereinfacht zu: border:1px solid #000
background
background-color:#CCFFFF
background-image:url(picture path); :repeat -x;
background-position:5px 4px
Der Code wird vereinfacht zu: background:#CFF url (picture path) repeat-x 5px 4px
Schriftgröße :26px;
Schriftgröße:bold
Schriftfamilie: „宋体“
Der Code wird vereinfacht zu: Schriftart:26px fett „宋体“
Farbe Attributwert
Farbe: #000000;
Farbe: #ff0000;
Der Code wird vereinfacht zu: Farbe: #000, Farbe: #f00