در شرایطی که به ناحیهی طراحی وب سایت وارداتی باشید، مطلقاً بارها اسم CSS را شنیدهاید و برایتان این پرسش اتفاق افتاده که CSS چیست؟ CSS مخفف طراحی سایت در مشهد عبارت Cascading Style Sheets میباشد که در شرایطی که این عبارت را ترجمه کنیم به عبارت “کاغذهایی به مدل آبشاری ”میرسیم! این ترجمه پاره ای خیره کننده میباشد ولی پیرو خوا هیم اذعان کرد که آبشاری بودن به چه معناست!
CSS چیست؟
CSS انتخاب مینماید هرکدام از موادتشکیل دهنده HTML چه گونه اکران داده شوند. در واقع به امداد آن میاقتدار برای هر عنصر از شیت، مدل نمایشی خاصی تشکیل داد. با این ابزار به اجزای کاغذی اینترنت، رنگ و لعاب می دهیم تا صفحه ها زیباتری داشته باشیم!
برای شعور عالی این معنا، آغاز بایستی با گویش HTML آشنا گردید به همین مراد توصیه می کنم آغاز نوشتهی علمیی HTML چیست را تفحص نمائید.
برای پرنور شدن کاربرد این گویش به سراغ یک نمونه میرویم. تصویر ذیل مثالای از یک کد css میباشد.
با امداد آن برای تگ h1 (تیتر مهم ورقه) رنگ متن آبی رنگ و برای تگ p (جمله) رنگ پسمورد نارنجی رنگ تهیه و تنظیم کردیم. به امداد عبارت text-align نیز آن را میانه چین کردیم که خروجی آن را در سمت راست تصویر می بینید.
همان طور که در تصویر مشخص و معلوم میباشد تایپ کردن این کد شغل رنج وجود ندارد.
تعریف و تمجید معنا CSS با تصویر!
خب در نصیب قبل گفتیم که CSS چیست، البته برای ادراک عالی آن به سراغ یک نمونه با تصویر می رویم. فرض نمائید شیت اینترنت مانند تن یک بشر میباشد:
دراین حالت با HTML میتوانیم اسکلت نخستین اینترنت را ساخت کنیم. یعنی مجموع المانهای ورقه مثل متن، تصاویر، پیوندها و… به یاری HTML در وبسایت قرار داده میشوند. آن گاه می توانیم با CSS آنانرا زیباتر کنیم! برای مثال به نوشتهها رنگ و سایز بدهیم یا این که برای دکمههای رنگ دور نما در لحاظ بگیریم.
پس از ان با جاوا اسکرپیت عضله ها تارنما را ساخت و ساز میکنیم! یعنی برای اعمال هرگونه جنبش در المانها ورقه بایستی از این گویش استعمال کنیم.
ساختار css
بعداز جواب به پرسش css چیست بایستی به سراغ نظارت ساختار کدهای آن برویم تا با آن بیشتر آشنا شویم. همانگونه که در تصویر پایین می بینید، ساختار یک خط از کد CSS مشتمل بر یک گزینشگر (selector) میباشد که به یک یا این که یک سری تگ از html اشاره مینماید. در مقابل گزینشگر یک بلاک قرار میگیرد که مدل خاصی را به عنصر گزینش گردیده اجرا مینماید.
ساختار آبشاری به چه معناست؟
فولدرهای css به نحوههای مختلفی به پوشه html افزوده میگردند. گاهی باطن تگ HTML نوشته میگردند. گاهی در یک پوشه مستقل نوشته و به HTML اضافه میشود و …
گاهی ممکن میباشد به یک تگ معین چندین استایل متعدد داده خواهد شد. مثلا باطن فولدر html، یک تگ
۳- تایپ کردن CSS در پوشه فرنگی
این نحوه شایسته ترین رویکرد برای افزودن استایلهاست. برای این فعالیت کافیست کل کدهای CSS را در یک فولدر نوشته و با پسوند css. ذخیره فرمائید. بعد این پوشه را در هر head پوشه html خویش فراخوانی نمائید:
1
2
3
مقصود این نوشتهعلمی تنهاً پژوهش مضمون css بوده و امید است با پژوهشی این نوشتهیعلمی فهم کرده باشید که معنی CSS چیست؟ برای استحضار بیشتر از آن میتوانید به فراگیری بدون پول HTML و CSS در وبسایت مراجعهکنید.
در شرایطی که به ناحیهی طراحی وب سایت وارداتی باشید، مطلقاً بارها اسم CSS را شنیدهاید و برایتان این پرسش اتفاق افتاده که CSS چیست؟ CSS مخفف طراحی سایت در مشهد عبارت Cascading Style Sheets میباشد که در شرایطی که این عبارت را ترجمه کنیم به عبارت “کاغذهایی به مدل آبشاری ”میرسیم! این ترجمه پاره ای خیره کننده میباشد ولی پیرو خوا هیم اذعان کرد که آبشاری بودن به چه معناست!
CSS چیست؟
CSS انتخاب مینماید هرکدام از موادتشکیل دهنده HTML چه گونه اکران داده شوند. در واقع به امداد آن میاقتدار برای هر عنصر از شیت، مدل نمایشی خاصی تشکیل داد. با این ابزار به اجزای کاغذی اینترنت، رنگ و لعاب می دهیم تا صفحه ها زیباتری داشته باشیم!
برای شعور عالی این معنا، آغاز بایستی با گویش HTML آشنا گردید به همین مراد توصیه می کنم آغاز نوشتهی علمیی HTML چیست را تفحص نمائید.
برای پرنور شدن کاربرد این گویش به سراغ یک نمونه میرویم. تصویر ذیل مثالای از یک کد css میباشد.
با امداد آن برای تگ h1 (تیتر مهم ورقه) رنگ متن آبی رنگ و برای تگ p (جمله) رنگ پسمورد نارنجی رنگ تهیه و تنظیم کردیم. به امداد عبارت text-align نیز آن را میانه چین کردیم که خروجی آن را در سمت راست تصویر می بینید.
همان طور که در تصویر مشخص و معلوم میباشد تایپ کردن این کد شغل رنج وجود ندارد.
تعریف و تمجید معنا CSS با تصویر!
خب در نصیب قبل گفتیم که CSS چیست، البته برای ادراک عالی آن به سراغ یک نمونه با تصویر می رویم. فرض نمائید شیت اینترنت مانند تن یک بشر میباشد:
دراین حالت با HTML میتوانیم اسکلت نخستین اینترنت را ساخت کنیم. یعنی مجموع المانهای ورقه مثل متن، تصاویر، پیوندها و… به یاری HTML در وبسایت قرار داده میشوند. آن گاه می توانیم با CSS آنانرا زیباتر کنیم! برای مثال به نوشتهها رنگ و سایز بدهیم یا این که برای دکمههای رنگ دور نما در لحاظ بگیریم.
پس از ان با جاوا اسکرپیت عضله ها تارنما را ساخت و ساز میکنیم! یعنی برای اعمال هرگونه جنبش در المانها ورقه بایستی از این گویش استعمال کنیم.
ساختار css
بعداز جواب به پرسش css چیست بایستی به سراغ نظارت ساختار کدهای آن برویم تا با آن بیشتر آشنا شویم. همانگونه که در تصویر پایین می بینید، ساختار یک خط از کد CSS مشتمل بر یک گزینشگر (selector) میباشد که به یک یا این که یک سری تگ از html اشاره مینماید. در مقابل گزینشگر یک بلاک قرار میگیرد که مدل خاصی را به عنصر گزینش گردیده اجرا مینماید.
ساختار آبشاری به چه معناست؟
فولدرهای css به نحوههای مختلفی به پوشه html افزوده میگردند. گاهی باطن تگ HTML نوشته میگردند. گاهی در یک پوشه مستقل نوشته و به HTML اضافه میشود و …
گاهی ممکن میباشد به یک تگ معین چندین استایل متعدد داده خواهد شد. مثلا باطن فولدر html، یک تگ
۳- تایپ کردن CSS در پوشه فرنگی
این نحوه شایسته ترین رویکرد برای افزودن استایلهاست. برای این فعالیت کافیست کل کدهای CSS را در یک فولدر نوشته و با پسوند css. ذخیره فرمائید. بعد این پوشه را در هر head پوشه html خویش فراخوانی نمائید:
1
2
3
مقصود این نوشتهعلمی تنهاً پژوهش مضمون css بوده و امید است با پژوهشی این نوشتهیعلمی فهم کرده باشید که معنی CSS چیست؟ برای استحضار بیشتر از آن میتوانید به فراگیری بدون پول HTML و CSS در وبسایت مراجعهکنید.
خطاها رایج در طیبندی پستها