Welche Arten von CSS-Eigenschaften gibt es?

css属性类型有：1、html标签；2、CSS文字属性；3、CSS符号属性；4、CSS背景样式；5、CSS表单运用；6、CSS边界样式。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

css属性类型有：

一、html标签

• e03b848252eb9375d56be284e690e873...bc5574f69a0cba105bc93bd3dc13c4ec文字格式化

• dc6dce4a544fdca2df29d5ac0ea9906b......16b28748ea4df4d9c2150843fecfba68Spaltenblockcontainer

• Schriftgrößenänderung6204e19e0330f923081a4c16d4055266Das Wort, das Sie eingeben möchtene6e38b3c62e8df885fe2e3986461aa63

• Schriftfarbef3a4c98eff4f3c6be42a23567f866410Das Wort, das Sie eingeben möchten Geben Sie bdb797414da0f1c820b60d583424091edas Wort, das Sie eingeben möchten.04e11139013d3ca73accef66348e2e58 ㄉGrammatik< ;p align="left">Inhalt94b3e26ee717c64999d7867364b1b4a3

• Nach rechts ausrichtenㄉSyntax211e86be24691be96dcf6c7a347bafabInhalt94b3e26ee717c64999d7867364b1b4a3

• Schrift durchgestrichen5a6e222367458dfd862894ff226ea6cb

• Geben Sie das Wort, das Sie eingeben möchten, in eine neue Zeile ein0c6dc11e160d3b678d68754cc175188aDas Wort, das Sie eingeben möchten

• Hyperlink4da3085efb5d77a556712e10f5156560Name des Link-Standorts5db79b134e9f6b82c0b36e0489ee08ed

• 02a528e84a81ba0ea90ccb49d7f3f116Die Wörter, die Sie anzeigen möchten, geben Sie hier ein5db79b134e9f6b82c0b36e0489ee08edWebmail-Label

• Image06b8c686ae05fc2cd75f5b2c7fc8f0bd

• Marquee (Schleife) da20671a8901b7ec6dc89b4a4ef7a174Wörter, die Sie eingeben möchten7204e33a7a23f6efcc788532e245c31b

• Externes Dateiimportformat-Tag

CSS Externes Importformat:

• <link rel="stylesheet" type="text/css" href="/css.css" />

  Direktes Zitat:

  <style type="text/css">
  <!--
  id{...}
  -->
  </style>

javascript - Externe .js-unabhängige Datei laden:

• <script type="text/javascript" src="/script.js"></script>

  2. CSS-Textattribute:

• Farbe: #999999; /*Textfarbe*/
• Schriftart -Familie: Song Dynasty, serifenlos; /*Textschrift*/
  Schriftgröße: 9pt; /*Textgröße*/
• Schriftart:itelic; /*Text kursiv*/
  Schriftart: Kapitälchen; /*Kleine Schriftart */
• Buchstabenabstand: 1pt; /*Leerzeichen zwischen Wörtern*/
  Zeilenhöhe: 200 %; /*Schriftstärke festlegen:fett; *Text fett*/
• vertikal-align:sub; /*subscript*/
  vertikal-align:super; /*superscript*/
• text-decoration:line-through; /*durchgestrichen*/
  text- Dekoration: Overline; Erster Text in Großbuchstaben*/
• Texttransformation: Großbuchstaben; /*Englischer Kleinbuchstabe*/
  text-align:right; /*Text rechtsbündig*/

text -align:left; /*text-linke Ausrichtung*/

text-align:center; /*text-zentrierte Ausrichtung*/

text-align:justify; /*text-streuende Ausrichtung*/

vertikal-align-Attribut

vertikal ausrichten:top; /*Vertikal nach oben ausrichten*/

vertical-align:bottom; /*Vertikal nach unten ausrichten*/

vertical-align:middle; /*Vertikal in der Mitte ausrichten*/

vertikal -align: text-top; /*Text vertikal nach oben ausrichten*/

vertical-align:text-bottom; /*Text vertikal nach unten ausrichten*/

3. CSS-Symbolattribute:

list-style -type:none; /*Keine Zahl*/

list-style-type:decimal; /*Arabische Ziffern*/

list-style-type:lower-roman; /*Kleine römische Ziffern*/

list- Style-Type:upper-roman; Buchstaben* /

List-Style-Type:Disc; /*Solid-Rundschreiben-Symbol*/

List-Style-Type:Kreis; /*Hohl-Rundschreiben-Symbol*/

List-Style-Type:Quadrat; Quadratisches Symbol*/

list-style-image:url(/dot.gif); /*Picture symbol*/

list-style-position:outside; /*Convex row*/

list-style-position : innen; /*Einzug*/

Hintergrundfarbe: #F5E2EC; /*Hintergrundfarbe*/

Hintergrund- Bild: URL(/image/bg.gif); /*Hintergrundbild*/

Hintergrundanhang: behoben; /*Wasserzeichen fester Hintergrund*/

Hintergrundwiederholung: wiederholen; /*Anordnung wiederholen – Webseite Standard* /

Hintergrundwiederholung: keine Wiederholung; /*Keine Wiederholungsanordnung*/

Hintergrundwiederholung: Wiederholung-x; /*Hintergrundwiederholung: Wiederholung-y / *Wiederholen Sie die Anordnung auf der Y-Achse*/

Geben Sie die Hintergrundposition an

Hintergrundposition: 90 % 90 %; /*Die Position des Hintergrundbilds auf der X- und Y-Achse*/

Hintergrundposition : oben; /*Nach oben ausrichten */

Hintergrundposition: unten; /*Nach unten ausrichten*/

Hintergrundposition: nach rechts ausrichten* /

background -position : center; /*centeralignment*/

5. CSS-Verbindungseigenschaften:

a /*Alle Hyperlinks*/

a:Link /*Hyperlink-Textformat*/

a:besucht /*Gesehener Link-Textformat*/

a:aktiv /*Gedrücktes Linkformat */

a: Hover /*Maus zum Verknüpfen*/

Mauszeiger-Stil:

Linker Finger-CURSOR: Hand

Kreuzkörper-Cursor: Fadenkreuz

Pfeil-nach-unten-Cursor:s-Größe ändern

Kreuzpfeil-Cursor: Bewegen

Pfeil zeigt nach rechts Cursor: bewegen

plus Fragezeichen Cursor: Hilfe

Pfeil zeigt nach links Cursor: w-Größe ändern

Pfeil zeigt nach oben Cursor: n-Größe ändern

Pfeil zeigt nach oben rechter Cursor: ne-Größe ändern

Pfeil zeigt Cursor nach oben und links:nw-resize

Text Ich tippe Cursor:text

Pfeil diagonal nach unten rechts Cursor:se-resize

Pfeil diagonal nach unten links Cursor:sw-resize

Trichtercursor:wait

Cursormuster ( IE6 ) p {cursor:url("cursor file name.cur"),text;}

6. CSS-Rahmenliste:

border-top : 1px solid #6699cc; /*Top border* /

border-bottom : 1px solid #6699cc; /*Bottom border*/

border-left : 1px solid #6699cc; /*Left border*/

border-right : 1px solid #6699cc; /*Right border line*/

Oben ist die empfohlene Schreibmethode, Sie können aber auch die herkömmliche Methode wie folgt verwenden:

border-top-color: #369 /*Legen Sie die obere Farbe der oberen Randlinie fest*/

border- top- width :1px /*Legen Sie die obere Breite des oberen Randes fest*/

border-top-style : solid/*Legen Sie den oberen Stil des oberen Randes fest*/

Andere Randstile

solid /* Voller Rand*/

gepunktet /*gepunkteter Rahmen*/

doppelt /*doppelter Rahmen*/

Rille /*dreidimensionaler konvexer Rahmen*/

Rippe /*dreidimensionaler Reliefrahmen*/

Einsatz / *konkaver Rahmen*/

Ausgang /*konvexer Rahmen*/

7. CSS-Formularanwendung:

• Textfeld1d4ff764ff0bebd2953d4c2fe5a65a83

• button f7919b7492ae3701ced5e89dd984686a

• checkboxe692305e0b0f4c8955fd1c02a59e2bed

• select button< ; input type="radio" value="V1" geprüft name="R1">

• Mehrzeiliges Textfeld4144564f5a8455cf582cc41a13d0babbb91cd0da16d95456abbae4d92b91822b

• Dropdown-Menüa110617a2072363dceb8ea53ecd0c78d5a07473c87748fb1bf73f23d45547ab8Option 14afa15d3069109ac30911f04c56f3338

  5a07473c87748fb1bf73f23d45547ab8Option 24afa15d3069109ac30911f04c56f3338

8. CSS-Randstil:

margin-top:10px; /*top border*/

margin-right:10px; /*right border value*/

margin-bottom: 10px ; /*Unterer Randwert*/

margin-left:10px; /*Linker Randwert*/

9. CSS-Randwert:

Oberen Rand lassen blank* /

padding-right:10px; /*Lass den rechten Rand leer*/

padding-bottom:10px; /*Lass den unteren Rand leer*/

padding-left:10px; Rand leer*/

Verwandte Tutorial-Empfehlungen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Arten von CSS-Eigenschaften gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!