Heim > Web-Frontend > CSS-Tutorial > Beispiele für Abkürzungen für Rand, Abstand, Rand, Hintergrund und Schriftart unter CSS_Experience-Austausch

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

WBOY
Freigeben: 2016-05-16 12:05:34
Original
1714 Leute haben es durchsucht

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage