پنج شنبه , مرداد ۲۵ ۱۳۹۷
صفحه اصلی / مقالات / زبانهای برنامه نویسی / وب / CSS / آموزش css قسمت اول -آشنایی با مفاهیم

آموزش css قسمت اول -آشنایی با مفاهیم

سلام خدمت دوستان عزیز

تو این دوره میخوایم شما را با CSS آشنا کنیم

سعی ما بر این است که تو این دوره به دور از هر گونه تئوری‌های خسته کننده , بصورت عملی و جامع بهتون آموزش بدیم

حتما این دوره را پیگیری کنید

 

قبل از هر چیز ببینیم css چی هست و چی نیست

اگر نسبت به چیزی ملموس مثل ساختمان سازی بخوایم مقایسه کنیم

HTML  بخش صفت کاری و اسکلت بندی ساختمان را میگویند و

css بخش نازک کاری است

در واقع css نحوه‌ی نمایش المان‌های html است

شکل بالا مثال قابل درکی برای html و ترکیب آن با css است

شکل کلی کد نویسی در css به این صورت است که شما اول

المان یا المانهایی را که می‌خواهید روی آن کار کنید را مشخص می‌کنید که می‌تواند با id,class,*,tag,… باشد

بعد در بین یک اکولاد باز و اکولاد بسته ویژگی‌هایی که میخواهید را مقدار دهی میکنید مثلآ

در مثال بالا ویژگی رنگ را آبی قرار دادیم و ویژگی اندازه‌ی فونت را ۱۲ پیکسل وارد کردیم

بین ویژگی و مقداری که به آن میدهید نباید مساوی بزارین باید از دونقظه استفاده کنید (:)

ویژگی‌ها باید از هم با سمیکالن جدا شوند (;)

 

نمونه کد

h1 {
    color: blue;
    font-size: 12px;
}

شاید بپرسید چگونه باید از این کدها استفاده کنم

در درس آینده نحوه‌ی استفاده و اتصال به فایل html را خواهید آموخت

این عکس هم کمک میکنه باز هم بهتر درک کنین 🙂

امیدواریم آموزش ها براتون مفید باشد

با آرزوی موفقیت های روزافزون شما دوستان عزیز

 

درباره سعید مهری الموتی

سعید مهری الموتی
با سلام خدمت همه ی دوستان عزیز سعید مهری الموتی هستم , دانشجوی مهندسی عمران اجرایی , بدلیل علاقه ی خاصی که به برنامه نویسی داشتم اومدم تو این حیطه و یادگیریم رو شروع کردم . حدود 5 ساله که وردپرس کار میکنم در حال حاضر مشغول فعالیت های زیر هستم : امنیت وردپرس سئو سایت ایمیل مارکتینگ فرونت اند : html5 , css3 , jquery

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *