Heim >Web-Frontend >CSS-Tutorial >CSS-Grundwissensrahmendiagramm

CSS-Grundwissensrahmendiagramm

高洛峰
高洛峰Original
2016-11-23 15:11:441801Durchsuche

CSS-Grundwissensrahmen: (1: Grundwissensrahmen. 2 Grundwissensrahmendiagramm)

1. Grundkonzepte von CSS-Stylesheets

2. - --1. Eingebetteter Stil 2. Inline-Stil 3. Link zum externen Stylesheet 4. Externen Stil importieren

3. Schriftartattribute --- -1 .font-family

2.font-size (vier Größenmethoden: absolute Größe (xx-small...medium...xx-large7 Typen), relative (größer, kleiner, em), px, %)

3.Schriftstärke (6 Möglichkeiten, normal (400), fett (700), fetter, heller, 100...900, erben)

4. Schriftstil (3 Arten von normal, kursiv, schräg)

5.Schriftartvariante (normal, Kapitälchen, erben)

6.Schriftart

5. ---1.text-align (5 Attribute justify, inherit) 2.letter-spacing 3.color (3 Farbeigenschaften)

6. Hintergrundfarbe und Bildeinstellungen

1.background -color

2.background-image

3.background-repeat(5 Arten von Wiederholungen,repeat-x,repeat-y,nore torf,inherit)

                                                                                                                                           Hintergrund -Anhang                                                                 🎜>

box, content-box) text)

7. Rahmen

1.border-width (5 Arten von Rahmen, border-left-width (links, rechts, unten))

2.border-style (border-(top|left|right|unten) -style Es gibt 9 identische Stile unter den vier Typen ///none/dotted/dashed/solid/double/groove/ridge/inset/outset)

                                                                                                                                              Randfarbe (Rand links,,) Polsterung)

9. Webseiten-Hyperlink-Einstellungen

1. Webseiten-Link-Attribute (4 Link-Methoden)

2. Überlauf der Bildlaufleistenattribute (Überlauf-x, Überlauf-y) hinzufügen, die jeweils in unterteilt sind vier Typen 1. sichtbar (alle Absätze anzeigen, keine Bildlaufleiste) 2. automatisch (Bildlaufleiste anzeigen, wenn Überkapazität) 3. versteckt (Bildlaufleiste ausblenden) 4. Bildlauf (Bildlaufleiste immer anzeigen)

3. Cursorattribute festlegen (Cursor: hand|crosshair|text|waithourglass|help|move|e-resize|ne-resize|nw-resize|s-resize|url('#'))

10 Bereich und Positionierung

1. Verständnis der Position (relative Positionierung und absolute Positionierung)

2.z-Index-Stapelreihenfolge

3.float Floating-Eigenschaften                                                             

4.clear klares Attribut 

5.clip ist die Scherenhand von.

                                                             Überlauf liegt außerhalb des zulässigen Bereichs (5 Arten von sichtbaren Überläufen (mehr als ein Teil des Überlaufs) ausgeblendet, automatischer Überlauf wird angezeigt andernfalls erben)

7. Sichtbarkeit (4 Arten von sichtbar, ausgeblendet, reduziert, erben)

CSS-Grundwissensrahmendiagramm

Stellungnahme:
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