در این بخش آموزش CSS به طور کاملا تصویری و با مثال های مختلف برای درک بهتر آموزش داده می شود

CSS روشی است برای تغییر ظاهری اسناد HTML یا صفحات وب . به این صورت که شما به راحتی می توانید با استفاده از دستوراتی که در ادامه به طور کامل برای شما توضیح میدهم ظاهر یک صفحه وب را تغییر بدهید .

ادامه مطلب...

برای تغییر ظاهر پس زمینه از صفت background استفاده می کنیم .
جاداره اینجا به یک موضوع مهم و کاربردی اشاره کنم و آن هم استفاده از بعضی از صفاتcss هست که مرورگر اکسپلورر از آن پشتیبانی نمی کنه و همیشه برای طراح های وب سایت دردسر ساز هست .

ادامه مطلب...

با صفت text می توانیم تغییر ظاهری متن ها را در فایل html تعیین کنیم. تغییراتی مانند تغییر رنگ ، افزایش یا کاهش فاصله بین حروف ، تراز نوشته و ... را می شود اعمال کرد. در ادامه به طور کامل برای شما ویژگیهای این صفت را توضیح میدهم

ادامه مطلب...

صفت FONT
با این صفت می توانید ویژگیهای قلم ، نوع قلم ، اندازه ، رنگ و استایل متن را تغییر دهید . صفت font هم دارای نوع های متفاوتی از لحاظ کاربرد می باشد که در ادامه به طور کامل برای شما توضیح میدهم .

ادامه مطلب...

برای ایجاد کادر دور تصاویر و لبه های اطراف یک عنصر از صفت  Borderاستفاده می شود . در HTML برای ساختن کادراز تگ table استفاده می شود ولی با Css می توانیم کادرهای زیبا برای هر عنصر ایجاد کنیم .

ادامه مطلب...

این صفت یا خاصیت فضای اطراف عناصر را تعریف می کند . اگر مقدار منفی داشته باشد باعث روی هم افتادن حاشیه می شود. با این صفت می توان حاشیه بالا ، پایین ، راست و چپ را مستقل از جداکننده تغییر داد. صفتmargin نیز مانند بقیه صفتها یا خواص CSS دارای ویژگیهای دیگری می باشد که در ادامه به طور کامل برای شما توضیح میدهم اما خود Margin یک صفت تند نویس می باشد که می توانید تمام ویژگیها را یکجا وارد کنید .

ادامه مطلب...

صفت Padding چیست ؟
این صفت فضای بین کادرعنصر و محتوا را تعیین می کند .یک صفت تند نویس می باشد یعنی نیازی نیست حتما طرفین را با نوشتن به طور مثال padding-top مشخص کنید فقط کافیست همانند صفت margin اعداد خود را وارد کنید .

ادامه مطلب...

صفت List
از صفت List برای تغییر نشانه های لینک ها در صفحه اصلی سایت  استفاده می شود . همانطور که دیده اید بعد از ایجاد لینک بوسیله تگهای ul.li پشت لینکها همیشه یک دایره به طور پیش فرض وجود دارد که شما می توانید آنها را بوسیله صفت List تغییر داده یا به طور کلی حذف کنید .

ادامه مطلب...

با صفت Position می توانیم تعیین کنیم یک عنصر در صفحه در چه موقعیتی نمایش داده شود . صفت Position دارای ویژگیهای زیر می باشد که به طور مختصر برای شما توضیح میدهم :

Static : این مقدار پیش فرضی است که در صورت تعریف نشدن صفت Position در صفحه استفاده می شود .با این مقدار اجزا در همان جایی که کد آنها را می نویسید دیده می شوند .

ادامه مطلب...

با استفاده از صفت های Floating نحوه قرار گیری عناصر را در صفحه در کنار یکدیگر مشخص می کنیم .
دو صفت در این قسمت توضیح داده می شود . 1 : Float . 2 .Clear
برای شناور کردن اجسام در کنار هم از صفحه Float استفاده می کنیم . روش کار این صفت به این صورت می باشد که فرض کنید در بالای صفحه شما یک لوگو همراه با یک کادر جستجو دارید و می خواهید هر دو یکی در راست و دیگری در سمت چپ قرار بگیرند .

ادامه مطلب...