Heim  >  Artikel  >  Web-Frontend  >  Die prägnantesten CSS-Lernnotizen

Die prägnantesten CSS-Lernnotizen

小云云
小云云Original
2017-12-12 13:59:464356Durchsuche

CSS ist eine Computersprache, die zum Ausdrücken von Dateistilen wie HTML (eine Anwendung der Standard Generalized Markup Language) oder XML (eine Teilmenge der Standard Generalized Markup Language) verwendet wird. CSS kann Webseiten nicht nur statisch ändern, sondern auch mit verschiedenen Skriptsprachen zusammenarbeiten, um verschiedene Elemente von Webseiten dynamisch zu formatieren. CSS kann das Layout von Elementpositionen in Webseiten präzise auf Pixelebene steuern, unterstützt nahezu alle Schriftgrößen und -stile und verfügt über die Möglichkeit, Webseitenobjekte und Modellstile zu bearbeiten.

1. Gemeinsame Attribute


  1. Name: Name, kann wiederholt oder gleich sein; >

    Klasse: Klassenname, kann wiederholt werden oder mehrere haben und wird für CSS verwendet, z. B.

    ;
  2. id: eindeutiger Bezeichner, kann nicht wiederholt werden, die Benennungsregeln sind im Allgemeinen die gleichen wie in anderen Sprachen
  3. Titel: Titel, der dem Tag hinzugefügt werden kann ; wie zum Beispiel ;
  4. 2. Tag-Beziehung


Nachkommenschaft: Vater-Sohn-Beziehung (einschließlich Beziehung);
  1. Bruderbeziehung: Beziehung zwischen dem gleichen Vater;
  2. 3 .CSS-Cascading Style Table


CSS-Kommentar: /
    Der Kommentarinhalt wird hier geschrieben, damit der Programmierer ihn sehen kann
  1. /;

    CSS-Syntaxregeln: Alle Symbole müssen mit der englischen Eingabemethode in Kleinbuchstaben eingegeben werden und Attribute müssen in geschweiften Klammern geschrieben werden. Jede Attributanweisung muss mit einem Semikolon enden. und der Attributwert muss eine Pixeleinheit (px) haben; Format: Attribut: Attributwert;
  2. Inline-Einführung: So führen Sie Stile in Tags ein ;Format: Content;
Hinweis: Die Wartbarkeit des Codes ist extrem schlecht, und der CSS-Code und die HTML-Struktur sind nicht getrennt. Der Einflussbereich liegt nur im aktuellen Tag.


  1. Inline-Einführung: