Dokumentation

    Table of Content
    • 3D-Dateiformate
      • 3D-Dateiformate
      • 3D2
      • 3DM
      • 3DS
      • 3MF
      • AMF
      • ASE
      • B3D
      • DAE
      • DBM
      • DRC
      • E57
      • FBX
      • GLB
      • GLTF
      • IPT
      • JT
      • MA
      • MB
      • MP
      • OBJ
      • PLY
      • POV
      • PRC
      • RVM
      • SCHRITT
      • STP
      • U3D
      • USD
      • USDZ
      • VRML
      • X
      • X3D
    • Audiodateiformate
      • Audiodateiformate
      • 8SVX
      • AA
      • AAC
      • AAX
      • AC3
      • ACT
      • AIFF
      • ALAC
      • AMR
      • APE
      • CDA
      • DSS
      • FLAC
      • GSM
      • M3U
      • M3U8
      • M4A
      • M4B
      • M4P
      • MID
      • MKA
      • MMF
      • MOD
      • MP2
      • MP3
      • MPC
      • MXL
      • NSA
      • OGG
      • OPUS
      • RA
      • RF64
      • SDT
      • STAP
      • VOC
      • VOX
      • VQF
      • WAV
      • WEBA
      • WFP
      • WMA
      • WPL
      • WV
    • CAD-Dateiformate
      • CAD-Dateiformate
      • ART
      • ASC
      • ASM
      • CATPART
      • CF2
      • DC3
      • DGN
      • DST
      • DWF
      • DWFX
      • DWG
      • DWT
      • DXF
      • FZP
      • HPGL
      • IFC
      • IGES
      • IGS
      • JVSG
      • NC
      • NWC
      • NWD
      • NWF
      • PAT
      • PHJ
      • PLT
      • PSM
      • PSS
      • RFA
      • RFT
      • RML
      • RVT
      • SLDPRT
      • STL
    • Komprimierungsdateiformate
      • Komprimierungsdateiformate
      • 7Z
      • ALZ
      • APK
      • APZ
      • ARJ
      • AS
      • B1
      • B6Z
      • BKF
      • BNDL
      • BOGEN
      • BZ2
      • CIT
      • DAA
      • DAR
      • DEB
      • DMG
      • DZ
      • ECS
      • FZPZ
      • GZ
      • GZIP
      • ICE
      • ISO
      • KGB
      • LBR
      • LQR
      • LZ
      • LZ4
      • LZH
      • LZMA
      • LZO
      • LZX
      • MBW
      • MINT
      • MPKG
      • MPQ
      • NPK
      • OAR
      • P7Z
      • PAGES
      • PEA
      • PET
      • PF
      • PKG
      • PTK
      • PUP
      • RAR
      • RPM
      • RTE
      • S00
      • SFG
      • SIFZ
      • SIT
      • SITX
      • SY_
      • TAR
      • TBZ
      • TGS
      • TGZ
      • TPSR
      • TZ
      • VPK
      • WHL
      • WUX
      • XAPK
      • XAR
      • XPI
      • XZ
      • Z
      • ZIM
      • ZIP
      • ZIPX
      • ZL
      • ZST
    • Datenbank
      • Datenbankdateiformate
      • 4DB
      • 4DD
      • ABCDDB
      • ACCDB
      • ACCDC
      • ACCDE
      • ACCDR
      • ACCDT
      • ACCDW
      • ACCFT
      • ADB
      • ADE
      • ADF
      • ADN
      • ADP
      • ALF
      • ANB
      • AQ
      • ASK
      • BAK
      • BCP
      • BTR
      • CAT
      • CDB
      • DACPAC
      • DAT
      • DB
      • DB-WAL
      • DB3
      • DBC
      • DBF
      • DBS
      • DDL
      • DLIS
      • DSN
      • DTSX
      • EPIM
      • FDB
      • FIC
      • FMP12
      • FMPSL
      • FP5
      • FP7
      • GDB
      • ITW
      • LDF
      • LOG
      • MDB
      • MDF
      • MEIN ICH
      • NDF
      • NSF
      • SAV
      • SDF
      • SQL
      • SQLITE
      • TE
      • TRC
      • TRM
      • UDL
      • WDB
    • Disc und Medien
      • Disc- und Mediendateiformate
      • BIN
      • CCD
      • CSO
      • CUE
      • GADGET
      • IMG
      • MDF
      • MDS
      • NKIT
      • NRG
      • NRI
      • OVA
      • OVF
      • ROM
      • SDI
      • TOAST
      • UDF
      • VCD
      • VDI
      • VHD
      • VHDX
      • WBFS
      • WIM
      • WUD
    • EBook-Dateiformate
      • EBook-Dateiformate
      • ACSM
      • AEP
      • APNX
      • AVA
      • AZW
      • AZW1
      • AZW3
      • AZW4
      • BKK
      • BPNUEB
      • CBC
      • CBR
      • CBZ
      • CEB
      • CEBX
      • DNL
      • EA
      • EAL
      • EBK
      • EDN
      • EPUB
      • ETD
      • FB2
      • FKB
      • HAN
      • HTML0
      • HTMLZ
      • HTXT
      • HTZ4
      • HTZ5
      • IBOOKS
      • KFX
      • KOOB
      • LIT
      • LRF
      • LRS
      • LRX
      • MART
      • MBP
      • MOBI
      • NCX
      • NVA
      • OEB
      • OEBZIP
      • OPF
      • ORB
      • PHL
      • PML
      • PMLZ
      • POBI
      • QMK
      • RB
      • RZB
      • RZS
      • SNB
      • TCR
      • TK3
      • TPZ
      • TR
      • TR3
      • VBK
      • WEBZ
      • YBK
    • E-Mail-Dateiformate
      • E-Mail-Dateiformate
      • EDB
      • EML
      • EMLX
      • ICS
      • MBOX
      • MSG
      • OFT
      • OLM
      • OST
      • P7S
      • PST
      • RPMSG
      • TNEF
      • VCF
    • Ausführbar
      • Ausführbare Dateiformate
      • AC
      • AHK
      • BAT
      • BTAPP
      • CGI
      • CMD
      • COM
      • EXE
      • IPA
      • MSI
      • MST
      • PIF
      • PYC
      • REG
      • WSF
      • WSH
      • XBE
      • XEX
    • Finanzen
      • Finanzdateiformate
      • ABA
      • IXBRL
      • XBRL
    • Schriftart
      • Schriftdateiformate
      • BDF
      • CFF
      • CFF2
      • EOT
      • ETX
      • FNT
      • FON
      • FOT
      • GXF
      • JFPROJ
      • MFX
      • ODTTF
      • OTF
      • PFA
      • PFB
      • PFM
      • SFD
      • TTC
      • TTF
      • TYPE1
      • VFB
      • VLW
      • WOFF
      • WOFF2
    • Spieldateiformate
      • Dateiformate für Spiele
      • BMZ
      • BNS
      • BO2
      • CLIP
      • CON
      • CSD
      • CT
      • DEK
      • FOMOD
      • GAM
      • GBX
      • GCF
      • KODU
      • MCA
      • MCR
      • MCWORLD
      • MGX
      • MII
      • NPA
      • OSB
      • OSK
      • OSR
      • OSU
      • OSZ
      • PAK
      • PCC
      • PSS
      • PUP
      • PWF
      • REL
      • REP
      • RPX
      • SAV
      • SFAR
      • SID
      • SIMS3PACK
      • U8
      • UMX
      • USX
      • VPK
      • W3N
      • XS
    • GIS-Dateiformate
      • GIS-Dateiformate
      • 000
      • 3D
      • 3DD
      • 3DL
      • ADF
      • APL
      • APR
      • ATX
      • AUX_GIS
      • AVL
      • CXF
      • DEM
      • DIV
      • DLG
      • DT0
      • DT1
      • DT2
      • E00
      • EMBR
      • ETA
      • FIT
      • FMW
      • GEOJSON
      • GLB
      • GMAP
      • GML
      • GPKG
      • GPX
      • GSM
      • IMG
      • KML
      • KMZ
      • LOC
      • MID
      • MIF
      • MPK
      • MPS
      • MXD
      • MXT
      • NM2
      • NTF
      • OSC
      • OSM
      • PMF
      • PTM
      • QGD
      • QGS
      • QGZ
      • QLR
      • QML
      • SAF
      • SBN
      • SDF
      • SHP
      • SHX
      • SP3
      • SSF
      • TCX
      • TFRD
      • WLX
      • WOR
    • Bilddateiformate
      • Bilddateiformate
      • AFPHOTO
      • AFX
      • AGIF
      • AGP
      • AI
      • APNG
      • ART
      • AVIF
      • BIF
      • BMP
      • BPG
      • CDR
      • CLIP
      • CMX
      • CPC
      • CR2
      • CR3
      • CSL
      • CT
      • CUR
      • DCM
      • DCR
      • DCX
      • DDS
      • DIB
      • DICOM
      • DJVU
      • DNG
      • ECW
      • EMF
      • EMZ
      • EXIF
      • FLIF
      • FODG
      • GBR
      • GIF
      • HDR
      • HEIC
      • HEIF
      • ICNS
      • ICO
      • J2C
      • J2K
      • JFIF
      • JP2
      • JPC
      • JPEG
      • JPF
      • JPM
      • JPX
      • JXL
      • JXR
      • MNG
      • MP
      • MPO
      • NEF
      • ODG
      • OTG
      • PCT
      • PCX
      • PICT
      • PNG
      • PPP
      • PSB
      • PSD
      • PSP
      • PSPIMAGE
      • SKP
      • SVGZ
      • TGA
      • THM
      • TIFF
      • WEBP
      • WMF
      • WMZ
      • XPM
      • XPR
    • Verschiedene Dateiformate
      • Verschiedene Dateiformate
      • AML
      • ART
      • BUP
      • CMS
      • CTG
      • DAP
      • ENL
      • ERR
      • GPG
      • H4
      • H5
      • ICA
      • KLQ
      • LOCK
      • LRC
      • MD5
      • MSO
      • OBB
      • ODF
      • OGG
      • PES
      • RIS
      • RML
      • SSP
      • THM
      • TORRENT
      • VIM
      • VIMRC
      • XMP
      • XSMX
    • Beachten Sie die Aufnahme von Dateiformaten
      • Dateiformate notieren
      • ONE
      • ONETOC2
    • Sprache der Seitenbeschreibung
      • Seitenbeschreibungssprache
      • AVERY
      • CGM
      • EPS
      • INDD
      • INDT
      • OXPS
      • PCL
      • PS
      • SVG
      • SWF
      • TEX
      • XPS
      • XSLFO
    • Pdf
      • PDF
      • A
      • E
      • FDF
      • UA
      • VT
      • XFDF
    • Präsentationsdateiformate
      • Präsentationsdateiformate
      • KEY
      • ODP
      • OTP
      • POT
      • POTM
      • POTX
      • PPS
      • PPSM
      • PPSX
      • PPT
      • PPTM
      • PPTX
    • Programmierung
      • Programmierung
      • ABC
      • ACD
      • ADDIN
      • ADS
      • AGI
      • AIA
      • AIDL
      • ALB
      • AML
      • ANE
      • APA
      • APKS
      • APPX
      • APPXBUNDLE
      • APPXUPLOAD
      • APS
      • ARSC
      • AS2PROJ
      • AS3PROJ
      • ASC
      • ASI
      • ASM
      • ASVF
      • AU3
      • AWK
      • C
      • CD
      • CLASS
      • CMAKE
      • CONFIG
      • CPP
      • CS
      • CSPROJ
      • CXX
      • DIFF
      • EGG
      • ERB
      • EX
      • G4
      • GO
      • GROOVY
      • H
      • HAML
      • HH
      • HS
      • HTA
      • ICI
      • IN
      • INC
      • IPR
      • JAR
      • Java
      • JRXML
      • JSP
      • JSPF
      • KT
      • LGO
      • LUA
      • M
      • MAKE
      • MEL
      • MF
      • ML
      • MM
      • MRC
      • MSIX
      • NUPKG
      • NUT
      • PAS
      • PDB
      • PDE
      • Pfeil
      • PHP
      • PL
      • PY
      • PYD
      • PYI
      • PYM
      • PYW
      • PYX
      • R
      • RBXL
      • RBXM
      • RES
      • RS
      • RST
      • SCALA
      • SCM
      • SCRIPT
      • SH
      • SLN
      • SWIFT
      • TCL
      • TOML
      • TS
      • UNITY
      • VB
      • VBPROJ
      • VBS
      • VCXPROJ
      • XSD
      • YAML
      • YML
      • YPR
    • Projektmanagement-Dateiformate
      • Projektmanagement-Dateiformate
      • MPP
      • MPT
      • MPX
      • P6XML
      • XER
    • Publisher-Dateiformate
      • Publisher-Dateiformate
      • PUB
      • PUZ
    • Berichterstattung
      • Berichtsdateiformate
      • MAR
      • RDL
      • RDLC
      • RPL
      • RPT
    • Dateiformate für Tabellenkalkulationen
      • Dateiformate für Tabellenkalkulationen
      • 123
      • 12M
      • _XLS
      • _XLSX
      • AST
      • AWS
      • BKS
      • CELL
      • CSV
      • CTS
      • DEF
      • DEX
      • DFG
      • DIF
      • DIS
      • EFU
      • ESS
      • FCS
      • FM
      • FODS
      • FP
      • GNM
      • GNUMERIC
      • IMP
      • MAR
      • NB
      • NUMBERS
      • NUMBERS-TEF
      • ODS
      • OTS
      • PMD
      • PMDX
      • PMVX
      • SDC
      • STC
      • SXC
      • TMV
      • TMVT
      • TSV
      • XAR
      • XL
      • XLA
      • XLAM
      • XLM
      • XLR
      • XLS
      • XLSB
      • XLSM
      • XLSMHTML
      • XLSX
      • XLT
      • XLTHTML
      • XLTM
      • XLTX
    • Systemdateiformate
      • Systemdateiformate
      • AML
      • ASV
      • CAB
      • CFG
      • CPG
      • CPL
      • DLL
      • DMP
      • DRV
      • ETL
      • HDMP
      • INI
      • INS
      • LNK
      • MDMP
      • SCR
      • SYS
      • TMP
    • Videodateiformate
      • Videodateiformate
      • 3G2
      • 3GP
      • AMV
      • ARF
      • ASF
      • AVCHD
      • AVI
      • BIK
      • DAV
      • EXO
      • F4V
      • FLV
      • H264
      • H265
      • IDX
      • IFO
      • M2TS
      • M4S
      • M4V
      • MJPEG
      • MK3D
      • MKS
      • MKV
      • MOV
      • MP4
      • MPE
      • MPG
      • MPV
      • MTS
      • MXF
      • NSV
      • PZ
      • QT
      • RM
      • RMVB
      • SEK
      • SRT
      • TS
      • VID
      • VOB
      • VP6
      • VP8
      • VP9
      • VTT
      • WEBM
      • WMV
      • Wohnmobil
      • XVID
    • Webdateiformate
      • Webdateiformate
      • A4P
      • A5W
      • AAE
      • ADR
      • AEX
      • ALX
      • AN
      • AP
      • APKG
      • APPCACHE
      • ARO
      • ASA
      • ASAX
      • ASCX
      • ASHX
      • ASMX
      • ASP
      • ASPX
      • ASR
      • ATOM
      • ATT
      • AWM
      • BML
      • BOK
      • BR
      • BWP
      • CDF
      • CER
      • CFM
      • CFML
      • CHA
      • CHAT
      • CHM
      • CMS
      • CODASITE
      • CON
      • CRDOWNLOAD
      • CRL
      • CRT
      • CSHTML
      • CSP
      • CSR
      • CSS
      • DAP
      • DBM
      • DCR
      • DER
      • DHTML
      • DISCO
      • DISCOMAP
      • DML
      • DO
      • DOCHTML
      • DOCMHTML
      • DOTHTML
      • DOWNLOAD
      • DRAWIO
      • DWT
      • ECE
      • EDGE
      • EPIBRW
      • ESPROJ
      • EWP
      • FCGI
      • FMP
      • FREEWAY
      • FWP
      • FWTEMPLATE
      • FWTEMPLATEB
      • GDOC
      • GDOCX
      • GNE
      • GSP
      • HAR
      • HDM
      • HDML
      • HTACCESS
      • HTC
      • HTM
      • HTML
      • HTX
      • HXS
      • HYPE
      • JHTML
      • JNLP
      • JS
      • JSON
      • JSPA
      • KEY
      • KIT
      • LESS
      • MHT
      • MHTML
      • MJS
      • OBML
      • OBML15
      • OBML16
      • P7B
      • P7C
      • PAC
      • PART
      • PEM
      • PRO
      • RHTML
      • RJS
      • RSS
      • Sass
      • SCSS
      • SHTML
      • SPC
      • SSP
      • STC
      • STML
      • TPL
      • TS
      • URL
      • VDW
      • VRT
      • WBS
      • WEBBOOKMARK
      • WEBLOC
      • WEBSITE
      • WHTT
      • WSDL
      • XAML
      • XD
      • XHT
      • XHTML
      • XML
      • XOJ
      • XOML
      • XSLT
      • XUL
      • ZUL
    • Dateiformate für die Textverarbeitung
      • Dateiformate für die Textverarbeitung
      • ASD
      • DOC
      • DOCM
      • DOCX
      • DOT
      • DOTM
      • DOTX
      • DSC
      • FAQ
      • FODT
      • IPYNB
      • LATEX
      • LTX
      • MAN
      • MD
      • ODM
      • ODT
      • OTT
      • QBL
      • QPF
      • RTF
      • TXT
      • WPD
      • WPS
    • visio
      • Visio-Dateiformate
      • VDW
      • VDX
      • VSD
      • VSDM
      • VSDX
      • VSS
      • VSSM
      • VSSX
      • VST
      • VSTM
      • VSTX
      • VSX
      • VTX
    1. Heim
    2. Webdateiformate
    3. CSS

    What's on this Page

      • Was ist eine CSS-Datei?
      • Kurze Geschichte
      • So verwenden Sie CSS-Dateien
      • CSS-Syntax
      • CSS-Verwendungsbeispiel
        • HTML-Dokument
        • CSS-Stylesheet
        • Ausgangsvergleich
      • Verweise

    Was ist eine CSS-Datei?

    CSS (Cascading Style Sheets) sind Dateien, die beschreiben, wie HTML-Elemente auf dem Bildschirm, Papier usw. angezeigt werden. Mit HTML können Sie entweder eingebettete Stile haben oder Stile können in einem externen Stylesheet definiert werden. Zum Einbetten der Stile wird das \ </style> Tags verwendet werden. Die externen Stylesheets werden in Dateien mit der Erweiterung .css gespeichert. Mit dem externen CSS können Sie es auf mehreren HTML-Seiten einfügen, um den Stil dieser Seiten zu aktualisieren. Sogar eine einzelne CSS-Datei kann verwendet werden, um eine komplette Website zu gestalten.

    Kurze Geschichte

    CSS1 wurde 1996 mit Bert Bos als Co-Autor veröffentlicht. Die CSS-Arbeitsgruppe begann mit der Arbeit an den Themen, die in CSS1 nicht behandelt wurden. Dies führte im November 1997 zur Erstellung von CSS2, das am 12. Mai 1998 als W3C-Empfehlung veröffentlicht wurde. Diese Version fügte Unterstützung für medienspezifische Geräte wie Drucker, herunterladbare Schriftarten, Tabellen und Elementpositionierung hinzu. Im Juni 1999 wurde CSS3 zur Empfehlung des W3C. Dadurch wurde die Dokumentation in Module unterteilt, wobei jedes Modul in CSS2 definierte Erweiterungsfunktionen hatte.

    So verwenden Sie CSS-Dateien

    Um eine CSS-Datei zu verwenden, fügen Sie sie in den Head-Abschnitt des HTML-Dokuments ein. Sie verwenden das Link-Tag, um die Datei wie unten gezeigt einzufügen.

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

    das Attribut href des Link-Tags enthält den Pfad zur CSS-Datei. Dadurch werden die in der mitgelieferten CSS-Datei enthaltenen zutreffenden Stile auf das HTML-Dokument angewendet.

    CSS-Syntax

    Eine CSS-Regel besteht aus zwei Komponenten, einem Selektor und einer Deklaration. Ein Selektor zeigt auf ein Element im HTML-Dokument. Es kann entweder ein Element-Tag, ein Klassenname, ein ID-Name, mehrere Tags sein, die die Hierarchie anzeigen usw. Eine Deklaration enthält die Stildefinition, die aus Eigenschaft und Wert besteht. Die Eigenschaft identifiziert die Eigenschaft des Elements, das Sie ändern möchten, und der Wert definiert seinen neuen Wert. Jede CSS-Regel kann mehrere Deklarationen haben. Das Folgende ist ein Beispiel für eine CSS-Regel.

    h1{
        font-weight: 700;
        color: forestgreen;
    }
    

    Im obigen Beispiel haben wir h1 als Selektor, der alle h1-Tags im HTML-Dokument auswählt. Die Regel hat zwei Deklarationen, eine für die Schriftstärke und die andere für die Farbe. font-weight und color sind Eigenschaften und 700 und forestgreen sind ihre jeweiligen Werte.

    CSS-Verwendungsbeispiel

    Im Folgenden sehen Sie das HTML-Beispieldokument und das Stylesheet, mit dem es formatiert wurde. Das Vergleichsbild wird auch hinzugefügt, um die formatierten und einfachen HTML-Dokumente zu vergleichen

    HTML-Dokument

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="main.css" type="text/css">
        <title>CSS Test</title>
    </head>
    
    <body>
        <div class="content-wrapper">
            <h1>Test document to test <span class="highlight">CSS</span></h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium officia similique illum magni explicabo,
                tempore neque nulla laborum voluptas sint molestias libero et corporis omnis asperiores incidunt,
                perferendis
                sed aut!</p>
    
            <h2>List of items</h2>
            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
                <li>Item 5</li>
            </ul>
        </div>
    </body>
    
    </html>
    

    CSS-Stylesheet

    body{
        background-color: lightblue;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .content-wrapper{
        padding: 10px 30px;
    }
    p{
        text-align: justify;
    }
    h1{
        text-align: center;
    }
    .highlight{
        font-weight: 700;
        color: forestgreen;
    }
    h1, h2{
        font-weight: 400;
    }
    
    ul li{
        list-style-type: square;
        margin-bottom: 10px;
        margin-left: 50px;
    }
    

    Ausgangsvergleich

    Die linke Seite des Bildes zeigt das HTML-Dokument ohne die angewendeten Stile und die rechte Seite zeigt das HTML-Dokument mit den angewendeten Stilen.

    Beispielbild

    Verweise

    • CSS - Wikipedia

    See Also

    • KT-Dateiformat
    • SSP - Dateiformat für Scala-Serverseiten
    • Was ist eine XLSM-Datei?
    • Was ist eine XLT-Datei?
    • Dart-Dateiformat
     
     Deutsch
    Close
     English
     日本
     中文
     русский
     Français
     한국인
     Español
     Italiano
     Nederlands
     हिन्दी
     Indonesian
     Português
     عربي
     Türkçe
     Ελληνικά
     ไทย
     עִברִית
     Svenska
     українська
     Tiếng Việt
     български
     Magyar
     čeština
     Română
     Polski