آموزش کامپیوتر برنامه نویسی وب خوش آموز

آموزش CSS 3 : هم تراز کردن عمودی (Vertical Align)

در این آموزش با ذکر مثالی به چگونگی هم تراز کردن عمودی (Vertical Align) متن در داخل یک div می پردازیم. ضمن اینکه طی این آموزش با شیوه خلاصه نویسی (Shorthand Property) در مورد Padding و Border به ذکر نکاتی می پردازیم که معمولاً css کارهای حرفه ای از آن شیوه استفاده می کنند. ...

آموزش CSS 3 : هم تراز کردن افقی (Horizontal Align)

در این آموزش به چگونگی هم تراز کردن افقی (Horizontal Align) و تکنیک های مربوط به آن می پردازیم. طی این آموزش با استفاده از ویژگی margin: auto اقدام به هم ترازی افقی یک div می کنیم. همچنین با استفاده از ترکیب ویژگیهای display: block و margin-left: auto و margin-right: auto یک تصویر را در وسط صفحه به صورت افقی تراز می نماییم. در ادامه با استفاده از ترکیب ویژگی های position: absolute و right: 0px یک ...

آموزش CSS 3 : ایجاد آلبوم تصاویر یا لیست محصولات با inline-block

در این آموزش با استفاده از ویژگی display و تنظیم مقدار آن بر روی inline-block و تنظیم چند ویژگی دیگر اقدام به طراحی یکی از استایل های پر کاربرد در سایتها می کنیم. معمولاً در سایت های فروشگاهی محصولات را در باکس های کنار هم به کاربر نشان می دهند. طی این آموزش این مدل از طراحی را با تکنیک inline-block پیاده سازی خواهیم کرد. ذکر این نکته بد نیست که در آموزش قبلی همین مکانیزم را با ویژگی float پیاده س...

آموزش CSS 3 : ایجاد آلبوم تصاویر یا لیست محصولات با float

در این آموزش با استفاده از ویژگی float و تنظیم چند ویژگی دیگر اقدام به طراحی یکی از استایل های پر کاربرد در سایتها می کنیم. معمولاً در سایت های فروشگاهی محصولات را در باکس های کنار هم به کاربر نشان می دهند. طی این آموزش این مدل از طراحی را با تکنیک float پیاده سازی خواهیم کرد. ...

آموزش CSS 3 : آشنایی با ویژگی clear و کاربرد آن در css

در این آموزش با ویژگی clear و کاربرد آن که در ارتباط با ویژگی float می باشد آشنا می شویم. ویژگی clear دارای مقادیر left ، right و both می باشد که طی آموزش هر سه این مقادیر را مورد بحث قرار می دهیم. همچنین به کاربرد ویژگی overflow در ارتباط با ویژگی float می پردازیم. ...

آموزش CSS 3 : آشنایی با ویژگی float و کاربرد آن

ویژگی float چگونگی شناور بودن یک تگ را تعیین می کند. در این آموزش با استفاده از ویژگی float چگونگی ترکیب یک متن و تصویر را در داخل یک تگ div تعیین کرده ایم. ویژگی float دارای مقادیر left ، right و none می باشد که در صورت تنظیم بر روی left تگ مربوطه در سمت چپ شناور می شود و در صورت تنظیم بر روی right تگ مربوطه در سمت راست شناور می گردد. مقدار پیش فرض این ویژگی none می باشد که در این حالت، شناور بود...

آموزش CSS 3 : ویژگی overflow و کاربرد مقادیر آن

در این آموزش به موضوع overflow می پردازیم. هنگامی که یک محتوی از ظرف خودش بیرون بزند و در آن نگنجد، اصطلاحاً می گوییم سرریز یا همان Overflow واقع شده است. در این حالت با استفاده از ویژگی overflow و مقادیر آن که شامل visible ، hidden ، scroll و auto می باشد، می توانیم چگونگی برخورد با این overflow را مدیریت کنیم. ...

آموزش CSS 3 : تشریح ویژگی position و کاربرد مقادیر مختلف آن

در این آموزش با ویژگی position که شیوه قرار گیری یک تگ بر روی صفحه html را تعیین می کند، آشنا می شویم. این ویژگی دارای مقادیر مختلفی شامل static ، relative ، fixed ، absolute و sticky می باشد که کاربرد هر شیوه در آموزش تشریح شده است. ضمن اینکه مساله روی هم افتادن تگ ها (Overlapping Elements) و چگونگی مدیریت آن با ویژگی z-index نیز در آموزش مورد بحث قرار گرفته است. ...

آموزش CSS 3 : ترکیب max-width و margin : auto

در این آموزش با width و max-width و ترکیب این دو ویژگی با margin : auto آشنا می شویم و خواهیم دید که با ترکیب این مقادیر با هم می توانیم تگ های از نوع block level را به صورت شکیل تر و منظم تری روی صفحه نمایش بدهیم. ...

آموزش CSS 3 : آشنایی با ویژگی display و کاربردهای آن

در این آموزش با ویژگی مهم display آشنا می شویم و کاربردهای آن را خواهیم دید. به صورت پیش فرض تگ های html دارای display از نوع block یا inline هستند. تگ هایی که به صورت block هستند تمایل دارند تا کل عرض صفحه را اشغال کنند و هر بار یک خط جدید را ایجاد می کنند. بر عکس این حالت تگ های از نوع inline هستند که داخل یک خط ایجاد می شوند و کمترین فضای ممکن را به نسبت محتویاتشان اشغال می کنند. ...

دسته بندی مطالب خوش آموز
logo-samandehi