با یادگیری CSS میتوانید در طراحی سایت موفق باشید و درآمد کسب کنید. در سایت پی استور مجموعه ای از آموزشهای متنی در مورد CSS وجود دارد که میتوانید لیست این نوشتهها را در ادامه مشاهده کنید و در مسیر یادگیری این زبان استوار قدم بردارید.
با آموزشهای برنامه نویسی پی استور، برنامهنویسی CSS را به راحتی یاد خواهید گرفت.
برای یادگیری، بر روی مقالات آموزشی رایگان CSS پی استور کلیک کنید.
html و css چیست – راهنمای یادگیری html و css + معرفی منابع آموزشی
html و css که به ترتیب مخفف the Hypertext Markup Language و Cascading Style Sheets هستند، هر دو در کنار هم برای طراحی صفحات وب استفاده میشوند. HTML را میتوانیم ساختار صفحه و CSS را طرح بصری برای زیباتر شدن صفحات بدانیم. همانطور که میدانید ما با استفاده از زبانهای...
آموزش bootstrap — چگونه از بوت استرپ استفاده کنیم؟
در این بخش از آموزشهای پیاستور میخواهیم یک آموزش bootstrap رایگان و کاربردی برای آن عزیزانی که میخواهند با این فریم ورک کاربردی آشنا شده و از آن استفاده کنند ارائه دهیم. استفاده از بوت استرپ فوق العاده آسان است! اما قبل از شروع کار با بوت استرپ نیاز دارید تا دوره...
آموزش ساخت قالب ساده html – طراحی صفحه وب با HTML و CSS
در این پست از مجموعه آموزش های html، به مبحث آموزش ساخت قالب ساده html میرسیم. همانطور که میدانید یک صفحه وب از کدهای html تشکیل شده است و در واقع ستونهای یک وب سایت را تشکیل میدهد. صفحات وب نقش مهمی را در ارتباط با کاربر دارند و طراحی...
آموزش صفر تا 100 CSS – سلکتورها و انواع آن در CSS
در این پست از مجموعه آموزش های CSS پی استور میخواهیم در محوریت سلکتورها و انواع آن در CSS صحبت کنیم. همانطور که در پست CSS چیست و چه کاربردی دارد؟ خواندیم، انتخاب کنندهها یا سلکتورها (Selector) وظیفه انتخاب بخشی از HTML را دارد. سلکتورها انواع مختلفی دارند که هر...
آموزش صفر تا 100 CSS – CSS چیست و چه کاربردی دارد؟
در این پست از مجموعه آموزش های CSS پی استور میخواهیم در محوریت CSS چیست و چه کاربردی دارد صحبت کنیم. مطمئناً کلمه CSS به گوشتان خورده است یا حداقل میدانید که از CSS در طراحی وب استفاده میشود. اما واقعا CSS چیست؟ به چه دردی میخورد؟ در ادامه پست...
دستور grid-template-columns در css
دستور grid-template-columns تعداد ستون ها و اندازه عرض هر ستون رو در سیستم grid تعریف می کنه. شکل کلی این دستور به این صورته: none|auto|max-content|min-content|length|initial|inherit; علامت های | به معنی "یا" است. یعنی میتونیم از هریک از این عبارت ها استفاده کنیم. در زیر به توضیح تک تک آنها پرداخته...