انجمن های تخصصی علوم رایانه و هنرهای دیجیتال
  • صفحه اصلی
  • جستجو
  • لیست اعضا
  • تقویم
  • راهنما




سی جی آریا

رسانه تخصصی آموزش هنرهای دیجیتال



ورود به انجمن ثبت نام کنید
ورود
نام کاربری:
گذرواژه‌: گذرواژه‌تان را فراموش کرده‌اید؟
 

Home انجمن های تخصصی علوم رایانه و هنرهای دیجیتال رایانه برنامه نویسی | طراحی وب طراحی صفحات وب صفحات استاتیک وارد کردن CSS در تگهای HTML

امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
حالت‌های نمایش موضوع
وارد کردن CSS در تگهای HTML
Farzad آفلاین
مدیر انجمن نرم افزار
*****
ارسال‌ها: 39

موضوع‌ها: 38
تاریخ عضویت: Feb 2014
اعتبار: 19
سپاس ها 58
سپاس شده 90 بار در 35 ارسال
#1
05-08-2014، 10:26 PM
ساده ترین راه برای افزودن استایل به یک صفحه استفاده از شناسه style در تگهای HTML است.
برای افزودن استایل به یک تگ باید عبارت " "=style را وارد تگ مربوطه کنیم و ویژگیهای مورد نیاز خود را بین دو دابل کوت ( " ) وارد می کنیم. مثلاً فرض کنید می خواهیم به یک تگ DIV استایل اضافه کنیم. در این صورت تگ DIV به صورت زیر در می آید.

کد:
<div style="property:value"
برای نمونه وقتی بخواهیم متن داخل یک DIV به رنگ سبز نمایش داده شود می توانیم به صورت زیر تگ DIV را بنویسیم:

کد:
<div style="color:green">متن داخل DIV </div>
توجه کنید که بین ویژگی color و رنگ سبز ( green ) از علامت دو نقطه ( : ) استفاده شده نه از علامت مساوی که در تگهای HTML استفاده می شود. همچنین لازم نیست مقادیر مورد نظر را بین علامت های نقل قول ( " ) قرار دهیم. می توانید نتیجه به کارگیری کد بالا را در سطر زیر مشاهده کنید:

متن داخل DIV
به خاطر داشته باشید که برای اینکه خاصیت این استایل از بین برود باید تگی را که استایل در آن به کار رفته است ببندید. در اینجا تا زمانی که تگ DIV بسته نشده باشد متن ما به رنگ قرمز نمایش داده خواهد شد.

این امکان نیز وجود دارد که به یک تگ HTML بیش از یک ویژگی افزوده شود. تنها کافی است بین ویژگیهای مختلف از یک نقطه ویرگول ( ; ) استفاده کنیم. برای مثال اگر بخواهیم متنی که در یک DIV قرار دارد به رنگ قرمز و به صورت ایتالیک باشد می توانیم به صورت زیر کد DIV را بنویسیم:
کد:
<div style="color:red; font-style:italic">این متن قرمز رنگ و ایتالیک است.</div>
نتیجه به صورت زیر خواهد بود:

این متن قرمز رنگ و ایتالیک است.
در این روش می توانیم به هر تعداد که لازم باشد از ویژگیهای مختلف درون یک تگ HTML استفاده کنیم. به مثال زیر توجه کنید:


کد:
<div style="color:blue; font-style:italic; font-weight:bold; font-size:12pt; text-align:center">متن مورد نظر اینجا قرار می گیرد.</div>
در این مثال ما متنی را با رنگ آبی، ایتالیک، ضخیم، اندازه فونت 12pt و در وسط صفحه خواهیم داشت:

متن مورد نظر اینجا قرار می گیرد.
Error
ارسال‌ها
پاسخ
« قدیمی‌تر | جدیدتر »


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  قفل کردن کامل راست کلیک در صفحه سایت ها Farzad 0 2,454 24-10-2014، 07:16 PM
آخرین ارسال: Farzad
  استفاده از استایل خارجی برای طراحی صفحات HTML Farzad 0 2,560 03-10-2014، 09:58 PM
آخرین ارسال: Farzad
  آموزش طراحی وبسایت با html قسمت 1 محمد علی 0 2,946 18-09-2014، 09:05 PM
آخرین ارسال: محمد علی
  اصول نوشتن صفحات HTML Farzad 0 3,027 18-07-2014، 09:48 AM
آخرین ارسال: Farzad
  آموزش HTML - آشنایی با دستور IFrame Mohsen Omidvar 0 3,363 17-01-2014، 12:03 PM
آخرین ارسال: Mohsen Omidvar

  • مشاهده‌ی نسخه‌ی قابل چاپ
پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 2 مهمان
مکان تبلیغ شما
تمامی حقوق این سایت مربوط به انجمن های تخصصی علوم رایانه و هنرهای دیجیتال میباشد
حالت خطی
حالت موضوعی