آموزش CSS

سرفصل های آموزش CSS را در لینک درج شده می‌توانید مشاهده نمایید.

  • Photo of جلسه ۶۲ – انتخابگر صفت ‍| و ^ در CSS

    جلسه ۶۲ – انتخابگر صفت ‍| و ^ در CSS

    انتخابگر صفت شروع کننده چیست؟ چگونه از انتخابگر صفت | استفاده کنیم ؟ چگونه از انتخابگر صفت ^ استفاده کنیم؟ فرق انتخابگر | و ^ در چیست؟ در مقاله چهارم این فصل از آموزش طراحی وب سایت با CSS ، دو انتخابگر صفت | و ^ رو بررسی می‌کنیم. این…

    بیشتر بخوانید »
  • Photo of جلسه ۶۱ – انتخابگر صفت ~ در CSS

    جلسه ۶۱ – انتخابگر صفت ~ در CSS

    چگونه در مقدار صفات، وجود داشتن یک مقدار را بررسی کنیم؟ در سومین مقاله از فصل انتخابگر های صفت، انتخابگر صفت [“attr~=”value] رو بررسی می‌کنیم. نحوه نوشتار نحوه نوشتار و سینتکس انتخابگر مورد نظر، به شکل زیر هست: همونطور که در این تصویر از آموزش طراحی وب سایت میبینیم، بر…

    بیشتر بخوانید »
  • Photo of جلسه ۶۰ – انتخابگر صفت [“attr=”value]

    جلسه ۶۰ – انتخابگر صفت [“attr=”value]

    چگونه بر اساس مقدار یک صفت را تغییر دهیم؟ دومین انتخابگر مورد بررسی تو این فصل، انتخابگر [“attr=”value] هست. نحوه نوشتار نحوه نوشتار و سینتکس دستور این جلسه، به فرم زیره: کاربرد انتخابگر می‌تونیم تو یه توضیح مختصر برای کاربرد انتخابگر مذکور، بگیم که: این انتخابگر عنصری رو انتخاب می‌کنه…

    بیشتر بخوانید »
  • Photo of جلسه ۵۹ – انتخابگر صفت [attr] در CSS

    جلسه ۵۹ – انتخابگر صفت [attr] در CSS

    منظور از انتخابگر attr چیست؟ چگونه از Attr استفاده کنیم؟ چگونه خاصیت های HTML را استایل دهی کنیم؟ این انتخابگر، ساده ترین انتخابگر صفت از انتخابگر هایی هست که تو این فصل یعنی انتخابگر صفات از آموزش طراحی سایت یادشون می‌گیریم. نحوه نوشتار نحوه نوشتار یا سینتکس این انتخابگر به…

    بیشتر بخوانید »
  • Photo of جلسه ۵۸ – گالری تصاویر در CSS

    جلسه ۵۸ – گالری تصاویر در CSS

    چگونه گالری تصاویر بسازیم؟ گالری هنری با گالری فروشگاهی چه فرقی دارند؟ همونطور که تو مقدمه فصل گالری تصاویر دیدیم، می‌تونیم گالری های تصاویر رو به دو فرم هنری و فروشگاهی به کار ببریم. گالری تصاویر فروشگاهی این گالری ها، شباهت بسیار زیادی به کارت ها دارن. برای مطالعه کامل…

    بیشتر بخوانید »
  • Photo of جلسه ۵۷ – منو های باز شونده در CSS

    جلسه ۵۷ – منو های باز شونده در CSS

    چگونه یک منوی Drop Down در CSS بسازیم؟ منظور از منو های بازشونده چیست؟ تو این مقاله، مفهوم dropdown menu، یا منو های بازشونده رو بررسی می‌کنیم. قبل از بررسی کردن منو های باز شونده، بیایم و ببینیم اصلا اینطور سیستمی چطور با CSS کار می‌کنه؟ برای نوشتن کد مربوط…

    بیشتر بخوانید »
  • Photo of جلسه ۵۶ – ویژگی های پیشرفته تر منو ها

    جلسه ۵۶ – ویژگی های پیشرفته تر منو ها

    چگونه می‌توانیم منوی پیشرفته بسازیم؟ منو ها چه ویژگی های پیشرفته ای می‌توانند داشته باشند ؟ تو این مقاله، چند ویژگی که می‌تونن منو های ما رو بهتر کنن یاد می‌گیریم. همچنین در انتها، یک سری مثال کاربردی رو با هم بررسی می‌کنیم. استفاده از شبه کلاس ها در منو…

    بیشتر بخوانید »
  • Photo of جلسه ۵۵ – منو های افقی در CSS

    جلسه ۵۵ – منو های افقی در CSS

    منظور از منوی افقی چیست؟ چگونه منو های افقی بسازیم ؟ چگونه منوی عمودی را به افقی تبدیل کنیم؟ منو های افقی، منو هایی هستن که گزینه ها در اون ها، به صورت افقی کنار هم قرار گرفتن. منو های افقی در مقایسه با منو های عمودی، استفاده ی خیلی…

    بیشتر بخوانید »
  • Photo of جلسه ۵۴ – منو های عمودی در CSS

    جلسه ۵۴ – منو های عمودی در CSS

    منو های عمودی، همونطور که از اسمشون پیداست، به منو هایی گفته می‌شن که گزینه ها در اون‌ها به صورت عمودی زیر هم چیده شده. برای یاد گرفتن نحوه طراحی این منو ها، یک منوی ساده رو مرحله به مرحله با هم طراحی می‌کنیم. مرحله اول – ساختار منو های…

    بیشتر بخوانید »
  • Photo of جلسه ۵۳ – شبه عناصر در CSS

    جلسه ۵۳ – شبه عناصر در CSS

    منظور از شبه عناصر چیست؟ تفاوت شبه عناصر با شبه کلاس ها در چیست؟ چگونه یک شبه عناصر در CSS بسازیم؟ در این مقاله قصد داریم تا به صورت کامل در رابطه با شبه عناصر صحبت کنیم. همونطور که توی مقدمه گفته شد، شبه عناصر به جای تاثیر گذاری روی…

    بیشتر بخوانید »
دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر