کد های CSS زبان استایل نویسی یا این که گویش سی اس اس یا به انگلیسی Cascading Style Sheets یکی دیگر از هسته های اساسی به جهت طراحی صفحه ها وب می باشد. برای آموزش قدم به قدم css به پویان توسعه مراجعه کنید
اینجوری میتونم بگم که آن گاه از لهجه HTML زبان CSS دو‌مین هسته برای طراحی صفحه ها وب می باشد، که اساسی استفاده از این لهجه می توان شیوه اکران موادتشکیل دهنده را در یک برگه وب یا این که دستگاهای گوناگون ( مثله گوشی و
) مشخص و معلوم کرد. مدرس این دوره ی آموزش css پویا نعیمی یکی از بهترین طراحان سایت ایرانی است
ما اساسی استفاده از HTML مثلا یک عکس / تصویر رو داخل صفحه وبمون قرار میدیم خب ، درحال حاضر من میخوام عکسم رو دورش یک خط بکشم یا برای مثال میخوام عکسم رو دایره ای کنم خب چجوری اینکارو کنم؟ یا به هیچ عنوان میخوام یک منو درست کنم؟ HTML خودش به تنهایی این قدرتو نداره چون وظیفه اینکارارو نداره ، به هیچ وجه بهش گفتن تو به کاری به استایل دهی یا شکل شمایل دهی به کاغذ وب نداشته باش تو فقط موادسازنده رو تو یک برگه وب قرار بده تا در مرورگر سناریو داده شن
خب اینجاست که CSS میاد وسط ، ما به راحتی مهم استفاده از CSS میتوانیم خیلی کارا کنیم، از تغییر تحول رنگ های همگی نصیب های وب سایت بگیر تا هرگونه تغییری از نظر استایل ، اصلی استعمال از CSS میتوانیم اینکارو کنیم
Free-Learn آموزش گام به قدم لهجه CSS پیش نیاز یادگیری لهجه CSS لهجه مادر طراحی وب به این معنی که HTML می باشد، لذا اگه شما این پیش نیاز رو ندارید توصیه می کنم مسلما تدریس قدم به قدم زبان HTML فری لرن را دنبال نمایید
خوب تر اینه که اولیه گویش HTML را تمام یاد بگیرید آن‌گاه CSS رو آغاز کنید تا بتونید از هردوی همین لهجه ها در طراحی هاتون استفاده نمایید
هر چند نیز میشه بصورت همزمان همین ۲ گویش را دنبال نمایید، به این معنی که هنگامی دارید زبان HTML رو یاد میگیرید همزمان CSS رو نیز دنبال نمایید، البته خب اینجوری احتمال دارد یکم براتون سنگین باشه که من توصیه میکنم اولیه HTML را یاد بگیرید بعدش CSS
Free-Learn تفاوت HTML دارای CSS در چیست؟ خب تفاوت در میان این ۲ گویش کاملا مشخصه، گویش HTML ساخت کننده ی عنصرها در مرورگرها می باشند و زبان CSS استایل دهنده به آن عناصر تولید شده در مرورگرها
مثلا من میخوام یک عکس بزارم درون وسط کاغذ وبم، پس در اینجا اصلی به کارگیری از لهجه HTML و تگ IMG میام و عکس رو ایجاد میکنم البته بعدش اساسی به کارگیری از CSS میام و عکس رو میزارم وسط صفحه و یا هرکاری که دلم بخواد میتونم کنم باهاش
برای مثال من به جهت شما ۲ کاغذ تولید کرده ام، کاغذ نخستین صرفا اصلی HTML ساخت شده (یعنی CSS هیچ دخالتی نداشته) و کاغذ دوم نیز حیاتی HTML و نیز با CSS ساخت شده
(پس میتونید تفاوت را به راحتی بازدید نمایید) مثال کاغذ تولید شده کلیدی HTML : (در نمونه پایین عناصر فقط از طریق HTML تولید شده اند و همانطور که میبینید یک برگه خشک و بی روح داریم) به هیچ وجه نگران اوامر استفاده شده در مثال بالا نباشید، تک به تک آنان را میتوانید در جلسات بعدی در سایت آموزشی فری لرن به طور تام یاد بگیرید
Free-Learn ورژن های گویش CSS ممکن است شمایی که الان دارید این مطلب ( آموزش گام به قدم زبان CSS ) رو مطالعه مینمایید میدانید که CSS اهمیت نسخه ( نسخه ) های مختلفی می باشد
( نسخه ۱ تا ۴ ) ( نسخه ۴ هنوز بطور تام پیاده سازی نشده ) خب سوال اینه تفاوت دربین نسخه ۱ تا نسخه ۴ در چیه؟ آیا برای مثال من صرفا بایستی ورژن ۴ رو یاد بگیرم؟ آیا نمیخواد دیگه ورژن ۱ رو یاد بگیرم؟! جواب : این که بخوایم بگیم مثلا ما بایستی نسخه ۴ رو فقط یاد بگیریم و یادگیری نسخه ۱ یا این که ۲ اساسی نیست! کاملا نادرست می باشد، ما بایستی از نسخه ۱ بلد باشیم تا هرچندتا نسخه که داشته باشد
ادامه پاسخ : خیلی میگن صرفا میخوان CSS3 رو یاد بگیرند، خب واقعا چرا؟ پس CSS1 و CSS2 چی شد؟ خب در CSS3 صرفا و صرفا یه چنتایی (تعدادی) ویژگی تازه ارائه داده شده که ما باید اینارم بلد باشیم
ادامه جواب : یعنی باید در کنار CSS1 و CSS2 ما ویژگی هایی که باطن CSS3 ارائه شده می باشد را نیز بلد باشیم، پس به طور کلی CSS3 تنها یسری ویژگی تازه ارائه دیتا که بهتره اونارم بلد باشیم
ادامه پاسخ : یه تفاوت با (نمیدونم ممکن است اسمش تفاوت نباشه) در بین CSS1 تا CSS4 وجود داره! این که ببینیم آیا مرورگرها از ویژگی هایی که باطن این نسخه ها ارائه شده است، پشتیبانی مینماید یا خیر! ادامه پاسخ : به این معنی که الان برای مثال بعضا از مرورگرهای اینترنتی ( مثله فایرفاکس و کروم و
) از بعضا از خصوصیت های CSS3 یا این که CSS4 پشتیبانی نمی نمایند به این معنی که هنوز براشون تعریف‌و‌تمجید نشده چنین چیزی، در سرانجام به مرور روزگار مرورگرها نیز همین ایراد رو رفع خواهند کرد
پس به طور کلی تفاوت اهمیت بین نسخه های زبان CSS در ویژگی هایی ایست که در همین ورژن ها ارائه می شوند، مثلا در نسخه ۱ ویژگی انتخابگر کلاس (یعنی این که بتونیم یک کلاس رو در CSS فراخوانی کنیم) ( class
) ایجاد شد البته نسخه ۴ ویژگی هایی بیش تر شده اند که در حال حاضر (لحظه ای که این مطلب رو مینویسیم) هیچکدام از مرورگرهای اینترنتی از آن ها پشتیبانی نمی کنند
Free-Learn چرا باید از CSS به کارگیری کنیم؟ تا بتونیم نحوه نمایش یا چیدمان عناصر رو باطن یک ورقه وب در اختیار گرفتن نماییم ، برای اینکه بتونیم به صفحه ها وبمون استایل بدهیم و آنان را از حیث ظاهر خوشگل و جالب کنیم
برای این که بتونیم قالب سایت طراح نماییم باید CSS را بلد باشیم و از آن به کارگیری نماییم، اما صرفا CSS نه ، به این معنی که برای طراحی یک قالب معمولی ما می بایست از HTML و CSS به کارگیری نماییم
گفتم قالب ساده، منظورم از بی آلایش به این معنی که اینکه تنها بخوایم یک قالب رو از لحاظ ظاهری طراحی نماییم نیازه که از HTML و CSS به کار گیری نماییم اما اگه بخوایم یکمی بهش امکانات بدیم و حرفه ای ترش کنیم می تونیم از JavaScript هم استفاده نماییم
Free-Learn CSS یک انقلاب در طراحی وب بود! قبل از اینکه CSS ساخت بشه ، در HTML به جهت استایل دهی به عناصر باید از یک سری تگ و صفت استعمال میشد، که اینکار به هیچ عنوان به صرفه کمبود خیر از لحاظ روزگار و نه قیمت
هم اکنون فکرشو نمایید به جهت استایل دهی به یک ورقه وب اونم صرفا از طریق HTML به جهت وب سایت های بزرگ خب حقیقتا کاره دوچندان سخت و عملا صبر فرسایی میبود
اینجا بود که کنسرسیوم جهانی وب یا به اختصار ( W3C ) CSS رو ساخت کرد، و حساس اومدن CSS دیگه همین اختلال حل شد و عملا میتونیم بگیم یک توشه خیلی سنگینی از دوش HTML برداشته شد
خب دوستان خوب خسته نباشید اینم از اولین مطلب آموزشی درباره گویش CSS که در واقع دارای همین مطلب ( آموزش گام به قدم زبان CSS ) میخوایم استارت آموزش گویش CSS رو باهمدیگه بزنیم
در بخش های بعدی ان شاالله بصورت تمام آموزش قدم به گام گویش CSS رو ارائه خواهم اعطا کرد ، در هر یک از بخش ها نمونه های آنلاین مختلفی هم وجود دارا هستند تا شما دیگه بطور تمام آن‌ها را یاد بگیرید