Beispiele für Abkürzungen für Rand, Abstand, Rand, Hintergrund und Schriftart unter CSS_Experience-Austausch

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