Belgeler

    Table of Content
    • 3D Dosya Biçimleri
      • 3D Dosya Formatları
      • 3D2
      • 3DM
      • 3DS
      • 3MF
      • AMF
      • ASE
      • B3D
      • DAE
      • DBM
      • DRC
      • E57
      • FBX
      • GLB
      • GLTF
      • IPT
      • JT
      • MA
      • MB
      • MP
      • OBJ
      • PLY
      • PRC
      • RVM
      • STEP
      • STP
      • U3D
      • USD
      • USDZ
      • VRML
      • X
      • X3D
    • Ses Dosyası Biçimleri
      • Ses Dosyası Formatları
      • 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 Dosya Biçimleri
      • CAD Dosya Formatları
      • 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
    • Sıkıştırma Dosya Biçimleri
      • Sıkıştırma Dosya Formatları
      • 7Z
      • ACE
      • ALZ
      • APK
      • ARC
      • ARJ
      • B1
      • B6Z
      • BKF
      • BNDL
      • BZ2
      • 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
      • PAGES
      • PEA
      • PET
      • PF
      • PKG
      • PTK
      • PUP
      • RAR
      • RPM
      • RTE
      • S00
      • SIFZ
      • SIT
      • SITX
      • SY_
      • TAR
      • TBZ
      • TGS
      • TGZ
      • TPSR
      • TZ
      • VPK
      • WHL
      • WUX
      • XAPK
      • XAR
      • XPI
      • XZ
      • Z
      • ZIM
      • ZIP
      • ZIPX
      • ZL
    • Veri tabanı
      • Veritabanı Dosya Biçimleri
      • 4DB
      • 4DD
      • ACCDB
      • ACCDC
      • ACCDE
      • ACCDR
      • ACCDT
      • ACCDW
      • ACCFT
      • ADB
      • ADE
      • ADF
      • ADN
      • ADP
      • ALF
      • ANB
      • AQ
      • ASK
      • BAK
      • BCP
      • BTR
      • CDB
      • DACPAC
      • DAT
      • DB
      • DB3
      • DBC
      • DBF
      • DDL
      • DTSX
      • FMP12
      • FMPSL
      • FP5
      • FP7
      • GDB
      • ITW
      • LDF
      • LOG
      • MDB
      • MDF
      • MYI
      • NDF
      • NSF
      • SAV
      • SDF
      • SQL
      • SQLITE
      • TE
      • TRC
      • TRM
      • UDL
      • WDB
    • Disk ve Medya
      • Disk ve Medya Dosyası Formatları
      • BIN
      • CCD
      • CSO
      • CUE
      • GADGET
      • IMG
      • NKIT
      • NRG
      • OVA
      • OVF
      • ROM
      • SDI
      • Toast
      • UDF
      • VCD
      • VDI
      • VHD
      • VHDX
      • WBFS
      • WIM
      • WUD
    • E-Kitap Dosya Biçimleri
      • E-Kitap Dosya Formatları
      • 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-posta Dosya Biçimleri
      • E-posta Dosya Biçimleri
      • EDB
      • EML
      • EMLX
      • ICS
      • MBOX
      • MSG
      • OFT
      • OLM
      • OST
      • P7S
      • PST
      • RPMSG
      • TNEF
      • VCF
    • yürütülebilir
      • Yürütülebilir Dosya Biçimleri
      • AHK
      • BAT
      • BTAPP
      • CGI
      • CMD
      • COM
      • EXE
      • IPA
      • MSI
      • MST
      • PIF
      • PYC
      • REG
      • WSF
      • WSH
      • XBE
      • XEX
    • finans
      • Finans Dosya Formatları
      • ABA
      • IXBRL
      • XBRL
    • Yazı tipi
      • Yazı Tipi Dosya Biçimleri
      • BDF
      • CFF
      • CFF2
      • EOT
      • FNT
      • FON
      • JFPROJ
      • MFX
      • OTF
      • PFA
      • PFB
      • PFM
      • SFD
      • TTC
      • TTF
      • Type1
      • WOFF
    • Oyun Dosyası Formatları
      • Oyun Dosya Formatları
      • BMZ
      • BNS
      • CLIP
      • CON
      • CSD
      • CT
      • DEK
      • FOMOD
      • GAM
      • KODU
      • MCWORLD
      • MGX
      • PAK
      • PCC
      • PSS
      • PUP
      • PWF
      • REL
      • REP
      • RPX
      • SAV
      • SFAR
      • SID
      • U8
      • UMX
      • W3N
    • GIS Dosya Biçimleri
      • GIS Dosya Formatları
      • 000
      • 3D
      • 3DD
      • ADF
      • APL
      • APR
      • ATX
      • AUX
      • DEM
      • DIV
      • DLG
      • E00
      • ETA
      • FIT
      • GeoJSON
      • GLB
      • GMAP
      • GML
      • GPKG
      • GPX
      • IMG
      • KML
      • KMZ
      • LOC
      • MPS
      • NM2
      • NTF
      • OSM
      • QGD
      • QGS
      • QGZ
      • QLR
      • QML
      • SBN
      • SHP
      • SHX
      • SP3
      • SSF
      • TCX
    • Görüntü Dosyası Biçimleri
      • Görüntü Dosyası Formatları
      • AI
      • APNG
      • ART
      • AVIF
      • 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
      • 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
    • Çeşitli Dosya Biçimleri
      • Çeşitli Dosya Formatları
      • 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
    • Not Alma Dosya Biçimleri
      • Not Alma Dosya Formatları
      • ONE
      • ONETOC2
    • Sayfa Açıklama Dili
      • Sayfa Tanımlama Dili
      • AVERY
      • CGM
      • EPS
      • INDD
      • INDT
      • OXPS
      • PCL
      • PS
      • SVG
      • SWF
      • TEX
      • XPS
      • XSLFO
    • PDF
      • PDF
      • FDF
      • PDF/A
      • PDF/E
      • PDF/UA
      • PDF/VT
      • PDF/X
      • XFDF
    • Sunum Dosyası Formatları
      • Sunum Dosya Formatları
      • KEY
      • ODP
      • OTP
      • POT
      • POTM
      • POTX
      • PPS
      • PPSM
      • PPSX
      • PPT
      • PPTM
      • PPTX
    • Programlama
      • Programlama
      • ABC
      • ACD
      • ADDIN
      • ADS
      • AGI
      • AIA
      • AIDL
      • ALB
      • AML
      • ANE
      • APA
      • APKS
      • APPX
      • APPXBUNDLE
      • APPXUPLOAD
      • APS
      • ARSC
      • AS
      • AS2PROJ
      • AS3PROJ
      • ASC
      • ASI
      • ASM
      • ASVF
      • AU3
      • AWK
      • C
      • CD
      • Class
      • CMAKE
      • CONFIG
      • CPP
      • CS
      • CSPROJ
      • CXX
      • Dart
      • 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
      • 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
    • Proje Yönetimi Dosya Biçimleri
      • Proje Yönetimi Dosya Formatları
      • MPP
      • MPT
      • MPX
      • P6XML
      • XER
    • Yayıncı Dosya Biçimleri
      • Yayıncı Dosya Biçimleri
      • PUB
      • PUZ
    • Raporlama
      • Dosya Biçimlerini Raporlama
      • MAR
      • RDL
      • RDLC
      • RPL
      • RPT
    • Elektronik Tablo Dosya Biçimleri
      • Elektronik Tablo Dosya Biçimleri
      • 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
    • Sistem Dosya Biçimleri
      • Sistem Dosyası Formatları
      • AML
      • ASV
      • CAB
      • CFG
      • CPG
      • CPL
      • DLL
      • DMP
      • DRV
      • ETL
      • HDMP
      • INI
      • INS
      • LNK
      • MDMP
      • SCR
      • SYS
      • TMP
    • Video Dosya Biçimleri
      • Video Dosya Formatları
      • 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
      • RV
      • SEC
      • SRT
      • TS
      • VID
      • VOB
      • VP6
      • VP8
      • VP9
      • VTT
      • WEBM
      • WMV
      • XVID
    • Visio Dosya Biçimleri
      • Visio Dosya Biçimleri
      • VDW
      • VDX
      • VSD
      • VSDM
      • VSDX
      • VSS
      • VSSM
      • VSSX
      • VST
      • VSTM
      • VSTX
      • VSX
      • VTX
    • Web Dosya Biçimleri
      • Web Dosya Biçimleri
      • 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
    • Kelime İşlem Dosya Biçimleri
      • Kelime İşlem Dosya Formatları
      • ASD
      • DOC
      • DOCM
      • DOCX
      • DOT
      • DOTM
      • DOTX
      • DSC
      • FAQ
      • FODT
      • IPYNB
      • LATEX
      • LTX
      • MAN
      • MD
      • ODM
      • ODT
      • OTT
      • QBL
      • QPF
      • RTF
      • TXT
      • WPD
      • WPS
    1. Ev
    2. Web Dosya Biçimleri
    3. CSS

    What's on this Page

      • CSS dosyası nedir?
      • Kısa Tarih
      • CSS dosyaları nasıl kullanılır
      • CSS Sözdizimi
      • CSS Kullanım Örneği
        • HTML Belgesi
        • CSS Stil Sayfası
        • Çıktı Karşılaştırması
      • Referanslar

    CSS dosyası nedir?

    CSS (Basamaklı Stil Sayfaları), HTML öğelerinin ekranda, kağıtta vb. nasıl görüntülendiğini açıklayan dosyalardır. HTML ile, gömülü stiller olabilir veya stiller harici bir stil sayfasında tanımlanabilir. Stilleri gömmek için \ </style> etiketler kullanılır. Harici stil sayfaları, .css uzantılı dosyalarda saklanır. Harici CSS ile, bu sayfaların stilini güncellemek için onu birden çok HTML sayfasına ekleyebilirsiniz. Eksiksiz bir web sitesine stil vermek için tek bir CSS dosyası bile kullanılabilir.

    Kısa Tarih

    CSS1, ortak yazar olarak Bert Bos ile 1996 yılında piyasaya sürüldü. CSS Çalışma Grubu, CSS1’de ele alınmayan konular üzerinde çalışmaya başladı. Bunun sonucunda, Kasım 1997’de, 12 Mayıs 1998’de bir W3C tavsiyesi olarak yayınlanan CSS2 oluşturuldu. Bu sürüm, yazıcılar, indirilebilir yazı tipleri, tablolar ve öğe konumlandırma gibi ortama özgü cihazlar için destek ekledi. Haziran 1999’da CSS3, W3C’nin tavsiyesi oldu. Bu, belgeleri, her modülün CSS2’de tanımlanan uzantı özelliklerine sahip olduğu modüllere ayırdı.

    CSS dosyaları nasıl kullanılır

    Bir CSS dosyasını kullanmak için, onu HTML belgesinin baş bölümüne eklersiniz. Dosyayı aşağıda gösterildiği gibi dahil etmek için bağlantı etiketini kullanırsınız.

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

    link etiketinin href niteliği, CSS dosyasının yolunu içerir. Bunu yaparak, dahil edilen CSS dosyasında bulunan uygulanabilir stiller HTML belgesine uygulanır.

    CSS Sözdizimi

    Bir CSS kuralı, seçici ve bildirim olmak üzere iki bileşenden oluşur. Bir seçici, HTML belgesindeki bir öğeye işaret eder. Bir öğe etiketi, sınıf adı, kimlik adı, hiyerarşiyi gösteren çoklu etiketler vb. olabilir. Bir bildirim, özellik ve değerden oluşan stil tanımını içerir. Özellik, değiştirmek istediğiniz öğenin özelliğini tanımlar ve değer, onun yeni değerini tanımlar. Her CSS kuralının birden çok bildirimi olabilir. Aşağıda bir CSS kuralı örneği verilmiştir.

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

    Yukarıdaki örnekte, HTML belgesindeki tüm h1 etiketlerini seçen bir seçici olarak h1’e sahibiz. Kuralın biri yazı tipi ağırlığı ve diğeri renk için olmak üzere iki bildirimi vardır. font-weight ve color özelliklerdir ve sırasıyla 700 ve forestgreen değerleridir.

    CSS Kullanım Örneği

    Aşağıda, örnek HTML belgesi ve onu biçimlendirmek için kullanılan stil sayfası gösterilmektedir. Stil sahibi ve düz HTML belgelerini karşılaştırmak için karşılaştırma görüntüsü de eklenir.

    HTML Belgesi

    <!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 Stil Sayfası

    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;
    }
    

    Çıktı Karşılaştırması

    Resmin sol tarafı, HTML belgesini stiller uygulanmadan, sağ tarafı ise HTML belgesini stiller uygulanmış olarak görüntüler.

    Örnek resim

    Referanslar

    • CSS - Vikipedi

    See Also

    • Dosya Biçimi
    • SCSS Dosya Formatı - Sass Basamaklı Stil Sayfası
    • KT Dosya Biçimi
    • F4V Dosya Biçimi
    • PY Dosya Biçimi
     
     Türkçe
    Close
     English
     Deutsch
     日本
     中文
     русский
     Français
     한국인
     Español
     Italiano
     Nederlands
     हिन्दी
     Indonesian
     Português
     عربي
     Ελληνικά
     ไทย
     עִברִית
     Svenska
     українська
     Tiếng Việt
     български
     Magyar
     čeština
     Română
     Polski