LibraTool logoLibraTool

جوانکەرەوەی CSSی بەخۆڕایی

CSSی بچووککراوە بە شێوەیەکی جوان چاپ بکە لەگەڵ خاڵبەندی یەکگرتوو. ڕیزکردنی ئەلفوبێیی تایبەتمەند بۆ جیاوازیی پێشبینراو ئارەزوومەندانەیە.

بەبێ ئینتەرنێت کاردەکات دوای بارکردن

پەڕگەکان لێرە دابگرە، یان کرتە بکە بۆ گەڕان

CSS · بێ سنووری قەبارەی پەڕگە

یان Ctrl+V دابگرە بۆ لکاندن لە کلیپبۆردەکەت

گەڕان بەدوای پەڕگەکاندا
CSSی جوانکراو
دەرچوون لێرە دەردەکەوێت…

چۆن کار دەکات

ئەم ئامرازە CSS فۆرمات دەکات بە بەکارهێنانی شیکەرێکی گەڕانەوەی دەستنووس کە ڕاستەوخۆ لە پەڕەکەدا بنیاتنراوە — بەبێ کتێبخانەی لایەنی سێیەم، بانگی سێرڤەر. شیکەرەکە CSSەکەت پیت بە پیت دەگەڕێت، بەدروستی مامەڵە لەگەڵ ڕیزبەندی خاڵدار، نرخی url()، ڕستە-لادانی هێڵکراوە، و لێدوانەکان دەکات کە شێوازی سادەی ڕێجێکس تێکی دەدا.

  1. 1
    تۆکنایزکردنی ئاستی پیت
    فەنکشنی walkCss داخڵییە خاوەکە پیت بە پیت دەپشکنێت، دۆخی خاڵدار و قووڵی کەوانە شوێن دەکەوێت بۆیە پۆینت-کۆما یان کوژبانگ لەناو url()، نرخی خاڵدار، یان لێدوانەکان هەرگیز بە جیاکەری پێکهاتەیی هەڵنەگیرێن.
  2. 2
    جیاکردنەوەی بلۆک و ڕاگەیاندن
    کاتێک شیکەرەکە کوژبانگی کردنەوەی سەرەوە دەدۆزێتەوە، پێشئاراستەکە دەردەهێنێت (هەڵبژێردار یان کلیلوشەی @-ڕستە) و بلۆکی ناوەوە بەدووپاتکردنەوە پرۆسێس دەکات — کە خۆی لەوانەیە ڕستەی هێڵکراوی (@media، @supports، هێڵکردنی سەرەکی CSS) بگرێتەوە کە لە قووڵی دووپاتکردنەوەی قووڵترەوە مامەڵەی لەگەڵ دەکرێت.
  3. 3
    ڕیزبەندی تایبەتمەندی و ورییکردن
    ڕاگەیاندنەکانی لەناو هەر بلۆکێکدا کۆدەکرێنەوە بۆ زۆرباریەک، پاشان بە هەڵبژاردنەوە بەپێی ناوی تایبەتمەندی ئەلفوبێی ڕیزدەکرێن پێش نووسینەوە بە پانی وریکردنی هەڵبژێردراو (2 یان 4 بۆشایی). دۆخی کورتکردنەوە بۆشایی بەتەواوی پشتگوێدەخات و لێدوانەکان لادەبات.
  4. 4
    دەرچوونی دەستبەجێی ناو-وێبگەڕ
    ئەنجامەکان هەروەک دەینووسیت دەردەکەون لە ڕێگای هووکی useMemoەوە — هیچ شتێک بۆ هیچ شوێنێک نانێردرێت. CSSی فۆرمات‌کراو یان کورتکراوەوە دەتوانرێت بۆ کلیپبۆرد کۆپی بکرێت یان وەک فایلێکی .css داگیرێت، و پانێلەکە جیاوازیی قەبارە بەراورد لەگەڵ سەرەکییەکەدا نیشان دەدات.

ئامرازە پەیوەندیدارەکان

پرسیارە باوەکان