درود مهمان گرامی! ثبت نام

آموزش ساخت بازی با C# آموزش پروژه محور یونیتی Unity آموزش ساخت بازی حدس تصویر
آموزش مدل سازی در Maya آموزش یونیتی Unity- ساخت منو آموزش گنجینه برنامه نویسی اندروید
آموزش مدل سازی با 3Ds Max آموزش متحرک سازی با Unity آموزش گرافیک کامپیوتری با OpenGL
آموزش متحرک سازی در 3Ds Max مجموعه آموزش های ساخت بازی آموزش ساخت بازی در ویژوال بیسیک
● آموزش های رایگان ● تبلیغات دیجیتال هوشمند ● استخدام در فرادرس

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
10 قانون CSS که هر طراح وب باید بداند!
#1
در این مقاله می خواهیم درمورد تعدادی از قوانین و تعاریفی که میتونند طراحی وبسایت شما رو مدرن تر کنند, صحبت کنیم. این مقاله شامل 10 تعریف و قانونی که هر طراح وب باید در کارش استفاده کنه, هست.

media@
 
کد:
@media screen and (max-width: 960px) {

}

 
تگ media@ فقط به شما اجازه نمیده که بطور مشخص استایل دهی رو برای صفحه ی وب انجام بدید, امروزه کوئری های media همراه ساخت صفحات واکنش گرا یا طراحی وبسایت بر اساس شرایط دستگاه مورد استفاده, هستند. با استفاده از کوئری media به همراه پراپرتی هایی مثل min-width شما میتونید عناصر صفحه ی وب رو به شکل بهتری و با توجه به شرایط موجود به نمایش کاربر در بیارید.
 
background-size
 
کد:
body {
    background: url(image.jpg) no-repeat;
    background-size: 100%;
}

 
یک پراپرتی فوق العاده از CSS3 هست که با پشتیبانی مرورگرهای معروف, گسترش پیدا کرده. اوایل استفاده از بک گراند ها با سایز مورد نظر و در مکان دلخواه بسیار سخت و شایدم غیرممکن بود اما امروزه با استفاده از یک خط کد میشه سایز بک گراند رو عوض کرد و به شکل دلخواه درآورد. با بهره بردن از این نکته میتونید بک گراند های تمام قد با افکت های تصویری بسازید.
 
font-face@
 
کد:
@font-face {
    font-family: Blackout;
    src: url("assests/blackout.ttf") format("truetype");
}

 
یکی از پراپرتی های CSS3 که درسال های اخیر باعث اتفاقات جذابی در بخش طراحی وب شده, font-face@ هست. این گزینه به شما امکان میده هر فونتی که مد نظرتون هست رو به راحتی با فرمت های مختلف و تنظیمات دلخواه در هر بخش از کد CSS استفاده کنید. از font-face@ استفاده کنید و از بین چندین هزار فونت رایگان, دلخواه تان را در صفحه ی وب قرار دهید. برای اینکار میتونید از سرویس هایی مثل Google Webfonts یا Typekit هم استفاده کنید.
 
;margin: 0 auto
 
کد:
#container {
    margin: 0 auto;
}

 
تعریف margin: 0 auto یکی از نکات اولیه ای هست که شما باید برای سر و کله زدن با CSS بدانید. این شگفت انگیزه که هیچ تعریف خاصی برای وسط چین کردن یک عنصر به تعاریف css اضافه نشده. اما برای اینکار میتونید کد margin : 0 auto رو به عنصر مورد نظرتون اضافه کنید و اون رو در بلاک موجود وسط چین کنید.

ادامه....
http://academyit.net/10-%D9%82%D8%A7%D9%86%D9%88%D9%86-CSS-%DA%A9%D9%87-%D9%87%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD-%D9%88%D8%A8-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%A8%D8%AF%D8%A7%D9%86%D8%AF
پاسخ
 سپاس شده توسط NorthEmpire




کاربرانِ درحال بازدید از این موضوع: 1 مهمان