close
تبلیغات در اینترنت
.آموزشهای جدید کامپیوتر، ویندوز 8 ، اینترنت و ... را در این وبلاگ مشاهده فرمائید
وبلاگ آموزشی مهدی

منوی اصلی
دسته بندی ها
آموزشها
آموزش ویندوز 8
آموزش ویندوز 7
آموزش ‏Windows XP
آموزش ویندوز ویستا
آموزش فتوشاپ
آموزش آفیس 2013
آموزش ‏Powerpoint
آموزش ‏Word
آموزش ‏Outlook
آموزش ‏Excel 2007
آموزش پاورپوینت 2007
آموزش ‏Access
آموزش ‏MSProject 2010
آموزش ‏Visio2007
آموزش ‏Visual Basic
آموزش ‏Matlab
آموزش ‏Google Chrome
آموزش ‏Firefox
آموزش ‏Opera
مرورگر اینترنت‌اکسپلورر
آموزش فوتوشاپ CS6
آموزش مقدماتی ‏Photoshop CS4
آموزش ‏Corel Draw
آموزش ‏Dreamweaver cs5
آموزش ‏Flash cs5
آموزش آنتی ویروس Avast
آموزش ‏Nod 32
آموزش ‏Jetaudio
آموزش مدیا پلیر
آموزش ‏Winrar
اصول مقدماتی عکاسی
آموزش رزومه نویسی
آموزش گوگل
آموزش ‏Google Docs
آموزش وبلاگ نویسی
آموزش انیمیشن سازی
دوره آموزشی توییتر
آموزش ‏PHP 5
آموزش ‏Html
آموزش CSS
آموزش ‏Gmail
آموزش ‏Yahoo
آموزش ‏Nero
پشتیبان گیری از اطلاعات
مبانی امنیت در کامپیوتر و اینترنت
دوره آموزشی گوگل آنالیتیکز
آموزش لینوکس
آموزش عکاسی دیجیتال
آموزش نرم افزار Edius
آموزش IDM (دانلود منیجر)
امنیت در وبلاگ نویسی
Microsoft Security Essentials
موبایل
مبانی اندروید
موارد دیگر

برای حمایت از ما روی تبلیغات کلیک کنید


آرشیو
مطالب پربازدید
لینـــکدونــی
آمــار وبــلاگ


بازدید تا این لحظه : 63
باردید روز گذشته : 96
بازدید این هفته : 63
بازدید این ماه : 1,890
بازدید کل : 279,970
تعداد مطالب : 1017
کل نظرات : 88
افراد آنلاین : 1
ورودی گوگل امروز : 3
ورودی گوگل ديروز : 1
تاریخ امروز : دوشنبه 29 مرداد 1397

نظرسنجی
Poll بیشترین استفاده‌ای که از تلفن همراه‌تان می‌کنید مربوط به چه کاری است؟







کدهای اختصاصی
فید وبلاگ
جستجو

مشخص کردن عرض و ارتفاع جدول در CSS


در مثال زیر روش تغییر عرض و ارتفاع سطر و ستون های جدول را مشاهده می کنید

 

<html>
<head>
<style type="text/css">
table,td,th
{
border:1px solid black;
}
table
{

خواندن دنباله نوشته ...
دسته بندی : آموزش CSS ,
امتیاز : نتیجه : 0 امتیاز توسط 0 نفر مجموع امتیاز : 0

بازدید : 27
تاریخ : پنجشنبه 26 مرداد 1391 زمان : 10:33 | نویسنده : mahdi | نظرات ()

صفت Floating


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

صفت Float دارای 3 ویژگی Right - Left و None  می باشد.
Right : عناصر را به سمت راست شناور می کند .

Left : عناصر را به سمت چپ شناور می کند .

none : تصویر و متن در جایی که متن وجود دارد قرار می گیرد .


ویژگی Right
با توجه به توضیحات بالا می خواهم تصویر را در سمت راست متن قرار بدهم .

 

img
{
float : right ;
}

خواندن دنباله نوشته ...
دسته بندی : آموزش CSS ,
امتیاز : نتیجه : 0 امتیاز توسط 0 نفر مجموع امتیاز : 0

بازدید : 37
تاریخ : پنجشنبه 26 مرداد 1391 زمان : 10:28 | نویسنده : mahdi | نظرات ()

صفت Position


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

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

Absolute : این مقدار به ما اجازه میدهد تا یک عنصر را در هرموقعیتی نسبت به بالا ، راست ،پایین و چپ صفحه که بخواهیم نمایش دهیم .

Relative : حرکت عنصر نسبت به مکان عادی عنصر دارد . به عنوان مثال Left:20  مقدار 20 پیکسل به موقعیت عادی اضافه می کند.

Fixed : این گزینه به ما اجازه میدهد تا موقعیت عنصر یک صفحه را در پنجره مرورگر مشخص کنیم. در صورتیکه برای یک عنصر از این ویژگی استفاده کنیم موقعیت آن عنصر حتی در صورتی که به بالا و پایین صفحه برویم یا اندازه پنجره مروگر را تغییر دهیم به همان صورت قبلی باقی می ماند.البته ویندوز اکسپلورر در ویندوز از این ویژگی پشتیبانی نمی کند .

با چند مثال ساده با کاربرد ویژگیهای توضیح داده شده بیشتر آشنا می شوید .

 

ویژگی Absolute :


خواندن دنباله نوشته ...
دسته بندی : آموزش CSS ,
امتیاز : نتیجه : 0 امتیاز توسط 0 نفر مجموع امتیاز : 0

بازدید : 63
تاریخ : پنجشنبه 26 مرداد 1391 زمان : 10:25 | نویسنده : mahdi | نظرات ()

صفت Display

 

چگونگی نمایش یک عنصر در صفحه را با صفت Display مشخص می کنیم که دارای ویژگیهای زیر می باشد :

None : عنصر نمایش داده نمی شود

Block : عنصر به صورت یک بلاک نمایش داده می شود و قبل و بعد از عنصر خط شکسته می شود .

Inline : مانند صفت قبل با این تفاوت که خط شکسته نمی شود .
list-item : عنصر به صورت لیست نمایش داده می شود .

run-in : یا به صورت بلاک یا به صورت inline به محتوی بستگی دارد .

compact : مانند صفت قبل می باشد .

table : عنصر را به صورت جدول نمایش می دهد و قبل و بعد عنصر خط شکسته می شود .

inline-table : مانند صفت قبل با این تفاوت که خط شکسته نمی شود .

table-row-group : عنصر را به صورت گروهی از یک یا چند سط نمایش میدهد .

table-header-group : شبیه صفت قبل

table-footer-group : شبیه صفت قبل


خواندن دنباله نوشته ...
دسته بندی : آموزش CSS ,
امتیاز : نتیجه : 0 امتیاز توسط 0 نفر مجموع امتیاز : 0

بازدید : 87
تاریخ : پنجشنبه 26 مرداد 1391 زمان : 10:20 | نویسنده : mahdi | نظرات ()

صفت Dimension

 

با این صفت می توانیم طول و عرض یک عنصر را کنترل کنید. همچنین می توانید فضای بین دو خط را افزایش دهید .

صفت Dimension دارای ویژگیهای زیر می باشد :
height => ارتفاع عنصر را تعیین می کند .
Line-height => فاصله بین خطوط را تعیین می کند . 
max-height => حداکثر ارتفاع یک عنصر را تعیین می کند.

max-width => حداکثر عرض یک عنصر را تعیین می کند.
min-height => حداقل عرض یک عنصر را تعیین می کند .

min-width => حداقل عرض یک عنصر را تعیین می کند .

width => عرض عنصر را تعیین می کند.

ویژگیهای نام برده شده در بالا دارای 4 مقدار هستند :
1. Auto
2. lenght
3. %


خواندن دنباله نوشته ...
دسته بندی : آموزش CSS ,
امتیاز : نتیجه : 0 امتیاز توسط 0 نفر مجموع امتیاز : 0

بازدید : 27
تاریخ : پنجشنبه 26 مرداد 1391 زمان : 10:15 | نویسنده : mahdi | نظرات ()
آخرین مطالب
صــفــحــات وبـــلاگ
تــعــداد صفــحــات : 3

تصویر ثابت

تصویر ثابت