آموزش CSS

Css چیست؟

Css یا Cascade Style Sheets زبانی است که توسط آن قادر خواهید بود تا ظاهر صفحات وب را تغییر دهید و با به کارگیری آن به ظاهر مد نظر خود برسید. عملا این زبان به وجود آمد تا نقاط ضعف Html را برطرف کند. هدف Css جداسازی طراحی بدنه یک فایل Html از نگارش بدنه فایل است.

 

اهداف اولیه Css:

  • زیباسازی صفحات وب
  • بالابردن سرعت کدنویسی برای زیبا سازی صفحات
  • برطرف کردن نقاط ضعف Html

کاربرد CSS:

از کاربردهای زبان سی اس اس می توان به نحوه نمایش صفحات اچ تی ام ال (HTML) در نمایشگرهای مختلف اشاره کرد. در واقع با استفاده از فایل های سی اس اس مختلف می توان این امکان را بوجود آورد که صفحات وب سایت ما در دستگاه های مختلفی همچون مانیتورهای بسیار بزرگ، تبلت و حتی موبایل با ظاهری متفاوت به نمایش در آید. در حال حاضر می توان گفت صد در صد وبسایت های دنیا از Css استفاده می کنند.

نحوه ی عملکرد:

Css به 3 حالت Inline، External و Internal با Html کار می کند.

فریمورک های Css:

کار با فریمورک های Css مزایای زیر را دارد:

  • سادگی بیشتر
  • نتیجه بهتر
  • مثال های بیشتر و رفع نواقص
  • بازار کار بهتر
  • حرفه ای بودن
  • آموزش ایجاد وب سایت تک صفحه ای پارالاکس با Bootstrap 4

آموزش ایجاد وب سایت تک صفحه ای پارالاکس با Bootstrap 4

چهارشنبه ۱۹ دی ۱۳۹۷ - ساعت ۱۸:۰۰
  • آموزش کامل توسعه دهنده وب Front-End با HTML، CSS و جاوااسکریپت

آموزش کامل توسعه دهنده وب Front-End با HTML، CSS و جاوااسکریپت

شنبه ۲۴ آذر ۱۳۹۷ - ساعت ۱۵:۰۰
  • تمرین Media Queries در CSS3

تمرین Media Queries در CSS3

دوشنبه ۱۲ آذر ۱۳۹۷ - ساعت ۰۹:۰۰
  • دوره Transitions و Transforms در CSS 

دوره Transitions و Transforms در CSS 

چهارشنبه ۰۷ آذر ۱۳۹۷ - ساعت ۱۱:۰۰
  • آشنایی با CSS selector

آشنایی با CSS selector

پنج شنبه ۰۱ آذر ۱۳۹۷ - ساعت ۱۵:۰۰
  • آموزش Bootstrap 4 برای مبتدیان – ایجاد 5 وب سایت از ابتدا

آموزش Bootstrap 4 برای مبتدیان – ایجاد 5 وب سایت از ابتدا

چهارشنبه ۲۳ آبان ۱۳۹۷ - ساعت ۱۲:۰۰
  • دوره جادوی CSS – طراحی وب سایت با CSS 

دوره جادوی CSS – طراحی وب سایت با CSS 

چهارشنبه ۲۳ آبان ۱۳۹۷ - ساعت ۰۸:۰۰
  • آموزش CSS – ریفکتور کردن Style Sheets

آموزش CSS – ریفکتور کردن Style Sheets

پنج شنبه ۱۷ آبان ۱۳۹۷ - ساعت ۱۵:۰۰
  • آموزش Sketch – ایجاد گرافیک های SVG واکنش گرا

آموزش Sketch – ایجاد گرافیک های SVG واکنش گرا

جمعه ۰۴ آبان ۱۳۹۷ - ساعت ۲۰:۰۰
  • آموزش ایجاد پروژه ی بازی War Card با جاوااسکریپت 

آموزش ایجاد پروژه ی بازی War Card با جاوااسکریپت 

دوشنبه ۳۰ مهر ۱۳۹۷ - ساعت ۱۰:۰۰
  • راهنمای سریع Bootstrap 4

راهنمای سریع Bootstrap 4

جمعه ۰۶ مهر ۱۳۹۷ - ساعت ۱۱:۰۰
  • آموزش ایجاد رابط کاربری وب با Bootstrap 4

آموزش ایجاد رابط کاربری وب با Bootstrap 4

چهارشنبه ۰۴ مهر ۱۳۹۷ - ساعت ۱۱:۰۰
  • آموزش توسعه سریع وب سایت با Bootstrap 4

آموزش توسعه سریع وب سایت با Bootstrap 4

چهارشنبه ۰۴ مهر ۱۳۹۷ - ساعت ۰۷:۰۰
  • آموزش کاربردی HTML و CSS

آموزش کاربردی HTML و CSS

سه شنبه ۰۳ مهر ۱۳۹۷ - ساعت ۰۷:۰۰
  • آموزش ایجاد انیمیشن های تعاملی با CSS و JavaScript

آموزش ایجاد انیمیشن های تعاملی با CSS و JavaScript

دوشنبه ۰۲ مهر ۱۳۹۷ - ساعت ۱۷:۰۰
  • دوره ایجاد طرح بندی با CSS Flexbox

دوره ایجاد طرح بندی با CSS Flexbox

دوشنبه ۲۹ مرداد ۱۳۹۷ - ساعت ۰۸:۰۰
  • آموزش طراحی استایل سایت با CSS

آموزش طراحی استایل سایت با CSS

دوشنبه ۲۹ مرداد ۱۳۹۷ - ساعت ۰۶:۰۰
  • آموزش اصول و مبانی بوت استرپ 4

آموزش اصول و مبانی بوت استرپ 4

جمعه ۲۶ مرداد ۱۳۹۷ - ساعت ۱۸:۰۰
  • آموزش ایجاد انیمیشن های HTML5 با Animate.css

آموزش ایجاد انیمیشن های HTML5 با Animate.css

چهارشنبه ۲۴ مرداد ۱۳۹۷ - ساعت ۰۰:۰۰
  • آموزش معماری ها و سیستم های طراحی در CSS

آموزش معماری ها و سیستم های طراحی در CSS

یکشنبه ۲۱ مرداد ۱۳۹۷ - ساعت ۲۲:۰۰
  • آموزش ایجاد ناوبری واکنش گرا با Flexbox

آموزش ایجاد ناوبری واکنش گرا با Flexbox

جمعه ۱۹ مرداد ۱۳۹۷ - ساعت ۰۷:۰۰