توثيق

    Table of Content
    • 3D تنسيقات الملفات
      • 3D تنسيقات الملفات
      • 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
    • تنسيقات ملفات الصوت
      • تنسيقات ملفات الصوت
      • 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
      • تنسيقات ملف CAD
      • 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
    • تنسيقات ضغط الملفات
      • تنسيقات ضغط الملفات
      • 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
    • قاعدة البيانات
      • تنسيقات ملفات قاعدة البيانات
      • 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
    • القرص والوسائط
      • تنسيقات ملفات الأقراص والوسائط
      • BIN
      • CCD
      • CSO
      • CUE
      • GADGET
      • IMG
      • NKIT
      • NRG
      • OVA
      • OVF
      • ROM
      • SDI
      • Toast
      • UDF
      • VCD
      • VDI
      • VHD
      • VHDX
      • WBFS
      • WIM
      • WUD
    • تنسيقات ملفات الكتاب الاليكتروني
      • تنسيقات ملفات الكتاب الاليكتروني
      • 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
    • تنسيقات ملفات البريد الإلكتروني
      • تنسيقات ملفات البريد الإلكتروني
      • EDB
      • EML
      • EMLX
      • ICS
      • MBOX
      • MSG
      • OFT
      • OLM
      • OST
      • P7S
      • PST
      • RPMSG
      • TNEF
      • VCF
    • تنفيذ
      • تنسيقات الملفات القابلة للتنفيذ
      • AHK
      • BAT
      • BTAPP
      • CGI
      • CMD
      • COM
      • EXE
      • IPA
      • MSI
      • MST
      • PIF
      • PYC
      • REG
      • WSF
      • WSH
      • XBE
      • XEX
    • تمويل
      • تنسيقات ملف التمويل
      • ABA
      • IXBRL
      • XBRL
    • الخط
      • تنسيقات ملف الخط
      • BDF
      • CFF
      • CFF2
      • EOT
      • FNT
      • FON
      • JFPROJ
      • MFX
      • OTF
      • PFA
      • PFB
      • PFM
      • SFD
      • TTC
      • TTF
      • Type1
      • WOFF
    • تنسيقات ملفات اللعبة
      • تنسيقات ملفات اللعبة
      • 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
      • تنسيقات ملفات GIS
      • 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
    • تنسيقات ملفات الصور
      • تنسيقات ملفات الصور
      • 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
    • تنسيقات الملفات المتنوعة
      • تنسيقات الملفات المتنوعة
      • 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
    • ملاحظة أخذ تنسيقات الملفات
      • ملاحظة أخذ تنسيقات الملفات
      • ONE
      • ONETOC2
    • لغة وصف الصفحة
      • لغة وصف الصفحة
      • AVERY
      • CGM
      • EPS
      • INDD
      • INDT
      • OXPS
      • PCL
      • PS
      • SVG
      • SWF
      • TEX
      • XPS
      • XSLFO
    • بي دي إف
      • PDF
      • FDF
      • PDF/A
      • PDF/E
      • PDF/UA
      • PDF/VT
      • PDF/X
      • XFDF
    • تنسيقات ملف العرض التقديمي
      • تنسيقات ملف العرض التقديمي
      • KEY
      • ODP
      • OTP
      • POT
      • POTM
      • POTX
      • PPS
      • PPSM
      • PPSX
      • PPT
      • PPTM
      • PPTX
    • برمجة
      • برمجة
      • 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
    • تنسيقات ملف إدارة المشروع
      • تنسيقات ملف إدارة المشروع
      • MPP
      • MPT
      • MPX
      • P6XML
      • XER
    • تنسيقات ملف الناشر
      • تنسيقات ملف الناشر
      • PUB
      • PUZ
    • الإبلاغ
      • الإبلاغ عن تنسيقات الملفات
      • MAR
      • RDL
      • RDLC
      • RPL
      • RPT
    • تنسيقات ملفات جدول البيانات
      • تنسيقات ملفات جدول البيانات
      • 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
    • تنسيقات ملفات النظام
      • تنسيقات ملفات النظام
      • AML
      • ASV
      • CAB
      • CFG
      • CPG
      • CPL
      • DLL
      • DMP
      • DRV
      • ETL
      • HDMP
      • INI
      • INS
      • LNK
      • MDMP
      • SCR
      • SYS
      • TMP
    • تنسيقات ملفات الفيديو
      • تنسيقات ملفات الفيديو
      • 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
      • تنسيقات ملفات Visio
      • VDW
      • VDX
      • VSD
      • VSDM
      • VSDX
      • VSS
      • VSSM
      • VSSX
      • VST
      • VSTM
      • VSTX
      • VSX
      • VTX
    • تنسيقات ملفات الويب
      • تنسيقات ملفات الويب
      • 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
    • تنسيقات ملف معالجة الكلمات
      • تنسيقات ملف معالجة الكلمات
      • 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. مسكن
    2. تنسيقات ملفات الويب
    3. CSS

    What's on this Page

      • ما هو ملف CSS؟
      • نبذة تاريخية
      • كيفية استخدام ملفات CSS
      • بنية CSS
      • مثال على استخدام CSS
        • مستند HTML
        • ورقة أنماط CSS
        • مقارنة المخرجات
      • مراجع

    ما هو ملف CSS؟

    CSS (أوراق الأنماط المتتالية) هي ملفات تصف كيفية عرض عناصر HTML على الشاشة ، والورق ، وما إلى ذلك. باستخدام HTML ، يمكنك الحصول على أنماط أو أنماط مضمنة يمكن تعريفها في ورقة أنماط خارجية. لتضمين الأنماط ، </style> العلامات المستخدمة. يتم تخزين أوراق الأنماط الخارجية في ملفات بامتداد .css. باستخدام CSS الخارجي ، يمكنك تضمينه في صفحات HTML متعددة لتحديث نمط تلك الصفحات. يمكن استخدام ملف CSS واحد لتصميم موقع ويب كامل.

    نبذة تاريخية

    تم إصدار CSS1 في عام 1996 مع بيرت بوس كمؤلف مشارك. بدأت مجموعة عمل CSS العمل على القضايا التي لم يتم تناولها في CSS1. نتج عن ذلك إنشاء CSS2 في نوفمبر 1997 والذي تم نشره كتوصية W3C في 12 مايو 1998. أضاف هذا الإصدار دعمًا للأجهزة الخاصة بالوسائط مثل الطابعات والخطوط القابلة للتنزيل والجداول وتحديد موضع العناصر. في يونيو 1999 ، أصبح CSS3 توصية W3C. أدى ذلك إلى تقسيم الوثائق إلى وحدات نمطية حيث تحتوي كل وحدة على ميزات امتداد محددة في CSS2.

    كيفية استخدام ملفات CSS

    لاستخدام ملف CSS ، عليك تضمينه في قسم الرأس في مستند HTML. يمكنك استخدام علامة الارتباط لتضمين الملف كما هو موضح أدناه.

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

    تحتوي السمة * href * لعلامة الارتباط على المسار إلى ملف CSS. من خلال القيام بذلك ، يتم تطبيق الأنماط القابلة للتطبيق الموجودة في ملف CSS المضمن على مستند HTML.

    بنية CSS

    تتكون قاعدة CSS من مكونين ، محدد وإعلان. محدد يشير إلى عنصر في وثيقة HTML. يمكن أن يكون إما علامة عنصر ، أو اسم فئة ، أو اسم معرف ، أو علامات متعددة توضح التسلسل الهرمي ، وما إلى ذلك. يحتوي الإعلان على تعريف النمط الذي يتكون من الخاصية والقيمة. تحدد الخاصية خاصية العنصر الذي تريد تغييره وتحدد القيمة قيمته الجديدة. يمكن أن تحتوي كل قاعدة CSS على إقرارات متعددة. فيما يلي مثال على قاعدة CSS.

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

    في المثال أعلاه ، لدينا ** h1 ** كمحدد يحدد جميع علامات h1 في مستند HTML. تحتوي القاعدة على إعلانين ، أحدهما لوزن الخط والآخر للون. * font-weight * و * color * هما خصائص و * 700 * و * forestgreen * هما قيمهما على التوالي.

    مثال على استخدام CSS

    يعرض ما يلي مثال مستند HTML وورقة الأنماط المستخدمة لتصميمه. تتم إضافة صورة المقارنة أيضًا لمقارنة مستندات HTML ذات الأنماط والعادي

    مستند HTML

    <!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

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

    مقارنة المخرجات

    يعرض الجانب الأيسر من الصورة مستند HTML بدون الأنماط المطبقة ويعرض الجانب الأيمن مستند HTML مع الأنماط المطبقة.

    مثال على الصورة

    مراجع

    • [CSS - ويكيبيديا] (https://en.wikipedia.org/wiki/CSS)

    See Also

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