آموزش CSS 3 خوش آموز
آموزش 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 هستند که داخل یک خط ایجاد می شوند و کمترین فضای ممکن را به نسبت محتویاتشان اشغال می کنند.
...
آموزش CSS 3 : جدول ها (CSS Table)
در این آموزش با چگونگی استایل دادن به جدول ها در css آشنا می شویم. طی این آموزش با مفهوم و کاربرد border-collapse آشنا می شویم. با مفهوم vertical-align در سلول ها آشنا می شویم. همینطور با ترفندهایی اقدام به ایجاد جدا کننده افقی در ردیف های جدول می کنیم. ضمن اینکه با استفاده از تکنیک tr:hover اقدام به ساختن استایلی برای جدول می کنیم که هنگام حرکت ماوس بر روی ردیف ها، رنگ ردیفی را که نشانگر ماوس روی...
آموزش CSS 3 : لیست ها (CSS Lists)
در این آموزش با چگونگی سبک بندی (Style) لیست ها در css آشنا می شویم. طی این آموزش با ویژگی های list-style-type ، list-style-image و list-style-position و کاربرد هر کدام از این ویژگی ها آشنا می شویم. همینطور با مقداری css نویسی ترکیبی لیست هایی به صورت رنگی ایجاد می کنیم.
...
آموزش CSS 3 : لینک ها (CSS Links)
در این آموزش با چگونگی استایل بندی لینک ها در css آشنا می شویم. برای دادن استایل مناسب به لینک ها باید وضعیت های مختلف یک لینک را مد نظر قرار داد. طی این آموزش با استفاده از آموزش هایی که تا کنون دیده ایم و ترکیب آنها با یکدیگر یک دکمه با یک لینک (Link Buttons) می سازیم.
...
دسته بندی مطالب خوش آموز
