خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
سئو کلی
minajafari mashinbank 2 80
این فلش صفحه کلید دارد!
niloofarmajdi niloofarmajdi 0 15
میکرو درایو های abb
ava96 ava96 0 27
نشانه‌های زرد زخم چیست؟
azar33 elii12 1 147
سیمواستاتین(زوکور)
tala95 elii12 1 182
نمایندگی تعمیرات باکنشت
nopardaz elii12 1 102
جراحی سینه و بیمه
jarahezibai elii12 1 184
از نتایج جراحی سینه (کوچک کردن سینه)
jarahezibai elii12 1 173
ویژگی های شخصیتی متولدین ماه ها بر اساس طالع بینی برج فلکی
luna elii12 2 106
مشاهده ی تمام مشخصات کامپیوتر
wo0olf elii12 2 2592
Ip چه کاربردی دارد؟
navids elii12 2 1848
همین الان تو چه فکری هستی؟ (22)
گلایه mohadese 551 27061
بهترین شرکت طراحی سایت
elii12 elii12 0 36
انتخاب بهترین شرکت طراحی سایت
elii12 elii12 0 36
رشته داروسازی در ترکیه
elii12 elii12 0 34
داروسازی در ترکیه
elii12 elii12 0 33
رنگ زندگی از دیدگاه شما
sana sana 126 11810
تو آواکس چند ساله ای ؟؟!!
mahya sana 383 52226
گالری عکس داریوش اقبالی
mosy rele sana 82 122824
سیو و ترینر بازی های مختلف 2
خاکسبز elii12 1 418
انتخاب اجباری برای نفر بعدی (6)
گلایه mohadese 665 48377
همه چیز در مورد تعمیر کولر گازی که باید بدانید
samirad samirad 0 40
مقصود از سوئیچ شبکه
elii12 elii12 0 34
سوئیچ شبکه چیست
elii12 elii12 0 38
سوئیچ شبکه
elii12 elii12 0 50
کاربرد های اصلی بالابر صنعتی در مشاغل مختلف
asiaborjj asiaborjj 0 34
پسرا یکی اضافه کنن....دخترا یکی کم کنن!(سری جدید 3)
شقایق luna 332 26959
گفتگوی آزاد
admin niloofar 2656 154630
نحوه تعویض کوئل خودرو
saharim saharim 0 36
سرویس و تعمیرات داکت اسپلیت
samirad samirad 0 40
عوامل مهم در خرید جاروبرقی خانگی
kimib kimib 0 31
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 27
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 29
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 33
سرور مجازی بورس
MWEBSPOUYAN MWEBSPOUYAN 0 36
دانلود بازی(Lock On Modern Air Combat )
nokia farzadian 2 2177
اسم بلوتوث شما چیه ؟
aria niloofar 359 65610
داری؟نداری؟ (5)
moonlover niloofar 444 18816
یه تیکه از اولین آهنگی ک میاد تو ذهنت ....
سنا niloofar 318 44093
با اخر اسم من یه اسم بنویس(2)
گلایه niloofar 488 36983

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
آموزش برنامه نویسی .CSS(فایل css خارج از صفحه)زمان کنونی: Tuesday 14 July 2020, 07:47
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: moonlover
آخرین ارسال: moonlover
پاسخ: 1
بازدید: 476
 
امتیاز دهید:
  • 36 رأی - میانگین امیتازات : 3.17
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش برنامه نویسی .CSS(فایل css خارج از صفحه)
Sunday 12 September 2010, 22:06
ارسال: #1
آموزش برنامه نویسی .CSS(فایل css خارج از صفحه)
استفاده از استایل خارجی برای طراحی صفحات HTML


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

برای شروع با استفاده از یک ویرایشگر متن مانند Notepad در ویندوز یک فایل متنی ایجاد کنید. سپس اطلاعات زیر را در این فایل وارد کنید:

کد:
div { font-family:Arial }
    .redtext { color:red    }



حالا این متن را با نام example.css ذخیره کنید ( شما می توانید از هر نامی که می خواهید برای ذخیره کردن فایل استفاده کنید، فقط به خاطر داشته باشید که پسوند فایل باید css. باشد. ).
برای پیوند دادن یک فایل استایل خارجی به صفحه HTML باید از تگ استفاده کنیم که در بخش HEAD در متن HTML قرار می گیرد. یک نمونه از این تگ را می توانید در اینجا ببینید:


کد:
<link rel="stylesheet" type="text/css" href="URL">


شناسه "rel="stylesheet مشخص می کند که فایل مورد نظر شما یک استایل است.
شناسه "type="text/css مشخص کننده نوع متن فایل برای مرورگر است.


شناسه " "=href مشخص کننده محل قرار گرفتن فایل استایل شماست. شما می توانید از آدرس کامل فایل استفاده کنید و یا اگر فایل شما در همان پوشه ای است که متن HTML شما قرار دارد می توانید تنها از نام فایل استفاده کنید.
حالا متن HTML مورد نظر که می خواهید استایل به آن افزوده شود را باز کنید . خط زیر را بین تگ و وارد کنید. مطمئن شوید که آدرس فایل CSS را درست وارد کرده اید:

کد:
<link rel="stylesheet" type="text/css" href="http://www.neopersia.org/css/example.css">


شما باید این کد را در همه صفحاتی که می خواهید از استایل تعریف شده در فایل قبل استفاده کنید وارد کنید وگرنه صفحات آنگونه که طراحی شده اند نمایش داده نمی شوند.
حالا هر تگ DIV که در صفحات مورد نظر شما وجود داشته باشد محتویاتی با فونت Arial خواهد داشت. برای مثال فایل example.css به همین صفحه پیوند شده است و در صورتی که در این صفحه از DIV استفاده شود محتویات آن با فونت Arial نمایش داده می شوند:

کد:
این متن با فونت Arial نمایش داده خواهد شد.

این هم نتیجه:
این متن با فونت Arial نمایش داده خواهد شد.


همچنین وقتی که از کلاس redtext در تگها استفاده شود متن به رنگ قرمز نمایش داده می شود:

کد:
<p class="redtext">این متن به رنگ قرمز نمایش داده خواهد شد.<p>

نتیجه به این صورت خواهد بود:
این متن به رنگ قرمز نمایش داده خواهد شد.

با دو تن , با دو مــــرد ؛
عشق ِ من { نــــا
بــــ } میشود.. 6 8
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  بازار کار برنامه نویسی اندروید در ایران NimaAm 0 145 Wednesday 15 April 2020 01:49
آخرین ارسال: NimaAm
  برنامه نویسی دسکتاب چیست؟ sale50105010 0 229 Thursday 28 November 2019 10:52
آخرین ارسال: sale50105010
  برنامه نویسی وب سایت Ahmad698 0 276 Thursday 14 November 2019 17:42
آخرین ارسال: Ahmad698
  کدام زبان برنامه نویسی را برای طراحی وب سایت باید یاد بگیریم؟ nopardaz 0 352 Monday 18 March 2019 13:49
آخرین ارسال: nopardaz
  معرفی بهترین ویرایشگرهای برنامه نویسی nopardaz 0 294 Saturday 02 March 2019 11:42
آخرین ارسال: nopardaz

پرش به انجمن:



زمان کنونی: Tuesday 14 July 2020, 07:47