26 häufig vergessene CSS-Tipps

.wickeln {
  Anzeige: Inline-Block;
  Überlauf: versteckt
 vertikale Ausrichtung: unten
}

// Einzeiliger Text.wrap {
 overflow:hidden;/*Der Überlaufteil ist versteckt*/
 text-overflow:ellipsis;/*Der Teil, der das Limit überschreitet, wird mit Auslassungspunkten angezeigt*/
 white-space:nowrap;/*Der Text im angegebenen Absatz wird nicht umbrochen*/
}
//Mehrzeiliger Text.wrap {
    Breite: 100 %;
    Überlauf: versteckt;
    display: -webkit-box; //Zeige das Objekt als elastisches Boxmodell an *Erforderliche Eigenschaften*
    -webkit-box-orient: vertical; //Anordnung der Unterelemente des Teleskopbox-Objekts festlegen *Muss mit der Eigenschaft kombiniert werden*
    -webkit-line-clamp: 3; //Wird verwendet, um die Anzahl der in einem Blockelement angezeigten Textzeilen zu begrenzen. word-break: break-all; //Erlaubt dem Browser, Zeilenumbrüche an jeder beliebigen Stelle einzufügen. *break-all erlaubt Zeilenumbrüche innerhalb von Wörtern*
}

//Kein Zeilenumbruch.wrap {
  Leerzeichen:nowrap;
}
//Zeilen automatisch umbrechen.wrap {
  Zeilenumbruch: Wort umbrechen;
  Worttrennung: normal;
}
//Zeilenumbruch erzwingen.wrap {
  Worttrennung:alles trennen;
}

.wickeln {
    Textausrichtung: Blocksatz;
    Textausrichtung: alle Zeilen verteilen; //ie6-8
    text-align-last: justify; //Ausrichtung der letzten Zeile eines Blocks oder einer Zeile -moz-text-align-last: justify;
    -webkit-text-align-last: ausrichten;
}

// Einspaltige Anzeige.wrap {
    Breite: 25px;
    Zeilenhöhe: 18px;
    Höhe: automatisch;
    Schriftgröße: 12px;
    Polsterung: 8px 5px;
    word-wrap: break-word;/*Sie müssen diesen Satz hinzufügen, wenn Sie auf Englisch schreiben, um die Zeile automatisch umzubrechen*/  
}
// Bei der Anzeige mehrerer Spalten.wrap {
    Höhe: 210px;
    Zeilenhöhe: 30px;
    Textausrichtung: Blocksatz;
    writing-mode: vertical-lr; //Von links nach rechts writing-mode: tb-lr; //IE von links nach rechts//writing-mode: vertical-rl; -- Von rechts nach links//writing-mode: tb-rl; -- Von rechts nach links}

.wickeln {
    // Wenn durch Drücken der Tabulatortaste das Element, z. B. eine Schaltfläche, ausgewählt wird, führt das Drücken der Eingabetaste dennoch das entsprechende Ereignis, z. B. einen Klick, aus.
 Zeigerereignisse: keine;
    Cursor: Standard;
}

.wickeln {
  -webkit-touch-callout: keine;
  -webkit-Benutzerauswahl: keine;
  -khtml-Benutzerauswahl: keine;
  -moz-Benutzerauswahl: keine;
  -ms-user-select: keine;
  Benutzerauswahl: keine;
}

.wickeln {
  Cursor: Zeiger; //kleiner Finger;
  Cursor: Hilfe; //Pfeil plus Fragezeichen;
  Cursor: warten; // im Kreis drehen;
  cursor:move; //Den Cursor bewegen;
  Cursor:Fadenkreuz; //Cursor kreuzen}

.wickeln {
    transformieren: übersetzenZ(0);
}

img {max-width: 100%}

p {text-transform: uppercase} // Alle Buchstaben groß schreibenp {text-transform: lowercase} // Alle Buchstaben klein schreibenp {text-transform: capitalize} // Den ersten Buchstaben groß schreibenp {font-variant: small-caps} // Die Schriftart in Kapitälchen umwandeln

.wickeln { 
  Filter: Alpha (Deckkraft = 50); 
  -moz-Deckkraft: 0,5; 
  -khtml-Deckkraft: 0,5; 
  Deckkraft: 0,5; 
}

.wickeln {
    -WebKit-Transform-Style: 3D bewahren;
    -webkit-backface-visibility: versteckt;
    -WebKit-Perspektive: 1000;
}

Überlauf-y: scrollen;
Die gesamte Bildlaufleiste::-webkit-scrollbar {
    Breite: 5px;
}

Bildlaufleistenspur::-webkit-scrollbar-track {
    Hintergrundfarbe: #ffa336;
    Rahmenradius: 5px;
}

Bildlaufleisten-Daumen::-webkit-scrollbar-thumb {
    Hintergrundfarbe: #ffc076;
    Rahmenradius: 5px;
}

Körper {
   Leerzeichen: vor der Zeile;
}

.wickeln { 
  Rahmenfarbe: transparent transparent grün transparent; 
  Rahmenstil: durchgezogen; 
  Rahmenbreite: 0px 300px 300px 300px; 
  Höhe: 0px; 
  Breite: 0px; 
}

ein {Umriss: keiner}
ein {Umriss: 0}

a:nach{Inhalt:" ("attr(href) ") ";}

wählen{
    Textausrichtung: zentriert;
    Textausrichtung zuletzt: zentriert;
}
Option auswählen {
    Regie: rtl;
}

Eingang{
    Farbe: #fff;
    Caret-Farbe: rot;
}

//webkit-basierter Browser input::-webkit-input-placeholder {
    Farbe: #c2c6ce;
}
//Firefox-Version 4-18 
Eingabe: -moz-Platzhalter {
    Farbe: #c2c6ce;
}
//Firefox Version 19+
Eingabe::-moz-Platzhalter {
    Farbe: #c2c6ce;
}
//IE-Browsereingabe: -ms-input-placeholder {
    Farbe: #c2c6ce;
}

// Das untergeordnete Element unter dem übergeordneten Element ist ein Inline-Element.wrap {
  Leerzeichen: Nowrap;
}
// Wenn das untergeordnete Element unter dem übergeordneten Element ein Blockelement ist.wrap {
  white-space: nowrap; // Kindelemente werden nicht umbrochen display: inline-block;
}

.wickeln {
  Höhe: 100,
  Zeilenhöhe: 100
}
img {
  vertikale Ausrichtung: Mitte
}
// vertical-align Die CSS-Eigenschaft vertical-align wird verwendet, um die vertikale Ausrichtung von Inline-Elementen (Inline) oder Tabellenzellen-Elementen (Table-Cell) festzulegen. Funktioniert nur für Inline-Elemente und Tabellenzellenelemente. Kann nicht zum vertikalen Ausrichten von Elementen auf Blockebene verwendet werden. // vertical-align: baseline/top/middle/bottom/sub/text-top;

        .Skala {
            Breite: 100 %;
            Polsterung unten: 56,25 %;
            Höhe: 0;
            Position: relativ; 
        }

        .Artikel {
            Position: absolut; 
            Breite: 100 %;
            Höhe: 100%;
            Hintergrundfarbe: 499e56;
        }    
   <div Klasse="Skala">
        <div Klasse="Artikel">
            Dies ist der Container für alle untergeordneten Elemente</div>
    </div>

Spanne {
  Anzeige: Inline-Block
}

 .wickeln {
  Breite: 200px;
  Höhe: 200px;
  Farbe: #000;
  Schriftgröße: 30px;
  Rand: 50px durchgehende aktuelle Farbe;
  // Rahmen: 50px durchgezogen; // Implementierung 2}