2016-11-09 1 views
0

Sorry für diese dumme Frage, aber ich in einem Stück Code gefunden CSS-Marge mit mehreren Arten

margin-left: 150px; 
margin-left: 8%; 
margin-left: 7vw; 

wie

sieht Können Sie mir bitte wer diese Arbeit erklären? welches wird benutzt? kann auch nicht schreiben wir so etwas wie:

margin-left: 150px, 8%, 7vm; 

ich als kurze Version oder etwas davon denken? EDIT Ich war nur etwa margin-left nicht über alle Eigenschaften von Marge :)

+0

'margin-left: 7vw;' wird implementiert, da es sich in der letzten Zeile des css-Codes befindet. auf der anderen seite 'margin-left: 150px, 8%, 7vm;' ist kein gültiger css-code. – GvM

+0

@GvM Vielen Dank – Radu

Antwort

1

Wenn Sie auf diese Weise schreiben:

margin-left: 150px; 
margin-left: 8%; 
margin-left: 7vw; 

nur margin-left: 7vw; akzeptiert werden, weil es margin-left: 150px; außer Kraft gesetzt werden und margin-left: 8%;, margin-left, margin-right, margin-top, margin-bottom nur einen einzigen Wert annehmen.

Sie könnten eine Abkürzung für Marge verwenden wie:

margin: margin-top margin-right margin-bottom margin-left

Beispiel:

margin: 10px 15px 20px 5px;

in dieser So Kurzschrift der letzte 5px als margin left gesetzt,

Es gibt zwei weitere Möglichkeiten zum Schreiben von Kurzschrift:

2 Werte:

margin: (margin-top + margin-bottom) (margin-left + margin-right)

Beispiel:

margin: 10px 20px

3 Werte: margin: (margin-top) (margin-left + margin-right) (margin-bottom)

Beispiel:

margin: 10px auto 20px

+0

Vielen Dank für Ihre schnelle Antwort Ich weiß, sie über schreiben einige, aber ich habe nicht verstanden, warum der UI-Entwickler getan, dass ich dachte, das ist eine Regel für IE, ff oder Chrom. Vielen Dank für Ihre Antwort – Radu

1

Jedes nächsten Vorkommen von CSS-Regel überschreibt vorheriges, so dass in diesem Beispiel die letzte Regel verwendet werden fragen. Ihre kürzere Form ist ebenfalls ungültig. In einzelnen Zeile können Sie Margen für jede Seite definieren:

margin: 10px 5px 2px 8px; 

Es gibt Ihnen 10px oberen Rand, 5px rechten Rand, 2px unten und 8px linken Rand.

Verwandte Themen