مرور رده
طراحی وب
آموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ – قسمت دوم
در این آموزش CSS قصد دارم تا به شما چگونگی طراحی یک منوبار افقی با استفاده از CSS را آموزش دهم. ساخت منو در سی اس اس بوسیله لیست ها انجام میگیرد که شما نحوه چیدمان آیتم ها را بصورت افقی تعریف می کنید و در مرحله بعد حتی می توان برای هر آیتم از منو یک زیر منو طراحی کرد.
ادامه مطلب ...
آموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ – قسمت اول
در این آموزش CSS قصد دارم تا به شما چگونگی طراحی یک منوبار افقی با استفاده از CSS را آموزش دهم. ساخت منو در سی اس…
آموزش جامع CSS : چطور از لیستها در سی اس اس استفاده کنیم؟
در این قسمت من به سراغ لیستها در CSS می روم که به دو دسته مرتب و نامرتب تقسیم می شوند و در این فیلم آموزشی به لیست…
چطور با عناوین یا تیترها در CSS کار کنیم؟
در این قسمت از فیلم های آموزشی CSS به این می پردازم که چطور با عناوین یا تیترها (Heading) که در CSS با h1 تا h6 آن را می شناسند کار کنیم؟
ادامه مطلب ...
آموزش جامع CSS: چطور سر ریز متن یا Overflow را کنترل کنیم؟
در این قسمت از آموزش جامع CSS می آموزیم که چطور با استفاده از Margin و Padding در CSS و در داخل یا خارج از یک عنصر…
چطور با استفاده از Margin و Padding در CSS فاصله ایجاد کنیم؟
در این قسمت از آموزش جامع CSS می آموزیم که چطور با استفاده از Margin و Padding در CSS و در داخل یا خارج از یک عنصر…
آموزش جامع CSS: چطور گوشه های Borderها را گرد کنیم؟
در این قسمت از آموزش جامع CSS می آموزیم که چطور چطور گوشه های Borderها را در CSS گرد کنیم تا حالتی زیبا به کانتینرمان بدهیم
ادامه مطلب ...
چطور از حاشیه ها در CSS استفاده کنیم؟
توسط ویژگی border می توان عرض، نوع و رنگ حاشیه هر چهار سمت یک عنصر را تعریف کرد.
ویژگی border سه مقدار می پذیرد و…
آموزش جامع CSS: چطور در متن تو رفتگی ایجاد کنیم؟
ویژگی text-indent تعیین می کند که خط اول محتوای یک عنصر بلاک چقدر فاصله افقی با لبه عنصر داشته باشد.
به بیان دیگر…
آموزش جامع CSS: چطور چیدمان متن را تغییر دهیم؟
با استفاده از ویژگی text-align می توان تصمیم گرفت که چیدمان محتوای خطی (مثل متن یا تصویر) داخل یک عنصر بلاک به چه صورت باشد.
همانطور که در نرم افزارهای ویرایش متن مثل ورد می توان بر روی چیدمان نوشته کنترل داشت در سی اس اس نیز این امکان وجود دارد که با مقادیری مثل left، right، center و یا justify عناصر خطی را تراز کنیم.
ادامه مطلب ...
آموزش جامع CSS: چطور از فونتها استفاده کنیم؟
از ویژگی font برای خلاصه نویسی چندین ویژگی مربوط به فونت و متن در سی اس اس استفاده می شود. سیستم عامل ها برای قسمت…
آموزش جامع CSS: چطور حالت نمایش حروف را تغییر دهیم؟
ویژگی text-transform مشخص کننده این است که کلمات و حروف از نظر کوچک و بزرگی در چه حالتی نمایش داده شوند.
منظور…
آموزش جامع CSS: چطور یک شی را در صفحه مخفی یا ظاهر کنیم؟
در قسمت قبل به بعضی از خاصیت های پراپرتی Display پرداختیم در این قسمت با استفاده از مقدار none می توانید یک عنصر را از صفحه حذف کنید.
اما توجه داشته باشید که این کار عنصر را از DOM حذف نمی کند اما اثری از عنصر در صفحه باقی نمی ماند و فضایی که گرفته بود کاملا خالی می شود و عناصر مجاور جای آن را پر می کنند.
زمانی که عنصر حذف شود تمام فرزندان آن…
ادامه مطلب ...
آموزش جامع CSS: چطور حالتهای نمایش یک شی در صفحه را کنترل کنیم؟
از ویژگی display برای تعیین نوع ساختار یک عنصر استفاده می شود. هر عنصری در صفحات وب یک مستطیل محسوب می شود و نوع…
آموزش جامع CSS: چطور از رنگها بدرستی استفاده کنیم؟
از پراپرتی color برای تعریف رنگ ها در سی اس اس استفاده می شود. رنگ ها می توانند یک کلمه کلیدی باشند, یا دسته ای از…
آموزش جامع CSS: چطور هر چیزی را در وسط صفحه قرار دهیم؟
وسط قرار دادن عناصر در طراحی صفحات وب یکی از موارد رایج می باشد و کسانی که تازه شروع به یادگیری سی اس اس کرده اند خیلی با این مورد درگیر هستند.
در این فیلم آموزشی قصد دارم شرایطی که شما می توانید یک عنصر را در وسط صفحه قرار دهید را به شما آموزش دهم.
برای وسط قرار دادن عنصر در وسط صفحه روش های زیادی وجود دارد که من در این فیلم به ساده ترین و کلی…
ادامه مطلب ...
آموزش جامع CSS: چطور عرض و ارتفاع اشیا را کنترل کنیم؟
در این قسمت از آموزش جامع CSS - CSS3 من آموزش کار با ویژگی های Height و Width در CSS را به شما آموزش می دهم.…
آموزش جامع CSS: چطور حالت نمایش لینک ها را تغییر دهیم؟
در قسمت ششم از دورهی آموزشی جامع CSS - CSS3 من قصد دارم به شما در مورد اینکه چطورحالت نمایش لینک ها را تغییر دهید…
آموزش جامع CSS: انتخابگرها (قسمت آخر)
آموزش جامع CSS: انتخابگرها (قسمت آخر)
در این فیلم آموزشی از AsteriXarts میخوام به انتخابگرها یا selectorها در CSS بپردازم. این فیلم در ادامه ی قسمت سوم انتخابگرها/selectorها تهیه شده است. پس اگر قسمت سوم یا قسمت های قبل را ندیده اید، اول به پست ها یا ویدیو های قبلی در ویرگول یا کانال یوتوب مراجعه کنید و آن ها را تماشا کنید.
در واقع در این فیلم…
ادامه مطلب ...
آموزش جامع CSS: انتخابگرها (قسمت سوم)
آموزش جامع CSS: انتخابگرها (قسمت سوم)
در این فیلم آموزشی از AsteriXarts میخوام به انتخابگرها یا selectorها در…