close
تبلیغات در اینترنت
خرید دامنه
وارد کردن CSS در تگهای HTML با استفاده از شناسه Style
loading...

یاور وبلاگ

وارد کردن CSS در تگهای HTML با استفاده از شناسه Style

آخرین ارسال های انجمن

وارد کردن CSS در تگهای HTML با استفاده از شناسه Style

Erfan Gholamnia بازدید : 325 جمعه 20 شهريور 1394 نظرات ()

ساده ترین راه برای افزودن استایل به یک صفحه استفاده از شناسه style در تگهای HTML است.
برای افزودن استایل به یک تگ باید عبارت " "=style را وارد تگ مربوطه کنیم و ویژگیهای مورد نیاز خود را بین دو دابل کوت ( " ) وارد می کنیم. مثلاً فرض کنید می خواهیم به یک تگ DIV استایل اضافه کنیم. در این صورت تگ DIV به صورت زیر در می آید.

برای نمونه وقتی بخواهیم متن داخل یک DIV به رنگ سبز نمایش داده شود می توانیم به صورت زیر تگ DIV را بنویسیم:
متن داخل DIV

توجه کنید که بین ویژگی color و رنگ سبز ( green ) از علامت دو نقطه ( : ) استفاده شده نه از علامت مساوی که در تگهای HTML استفاده می شود. همچنین لازم نیست مقادیر مورد نظر را بین علامت های نقل قول ( " ) قرار دهیم. 
به خاطر داشته باشید که برای اینکه خاصیت این استایل از بین برود باید تگی را که استایل در آن به کار رفته است ببندید. در اینجا تا زمانی که تگ DIV بسته نشده باشد متن ما به رنگ قرمز نمایش داده خواهد شد.
این امکان نیز وجود دارد که به یک تگ HTML بیش از یک ویژگی افزوده شود. تنها کافی است بین ویژگیهای مختلف از یک نقطه ویرگول ( ; ) استفاده کنیم. برای مثال اگر بخواهیم متنی که در یک DIV قرار دارد به رنگ قرمز و به صورت ایتالیک باشد می توانیم به صورت زیر کد DIV را بنویسیم:
این متن قرمز رنگ و ایتالیک است.

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

در این مثال ما متنی را با رنگ آبی، ایتالیک، ضخیم، اندازه فونت 12pt و در وسط صفحه خواهیم داشت
.
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
درباره ما
قالب های رایگان - ابزار وبمستر ها - کد های کاربردی - انجمن وبمستر ها - وردپرس - قالب وردپرس - افزونه وردپرس - نرم افزار - بازی- اخبار تکنولوژی و وبنویسی
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آمار سایت
  • کل مطالب : 461
  • کل نظرات : 94
  • افراد آنلاین : 4
  • تعداد اعضا : 750
  • آی پی امروز : 32
  • آی پی دیروز : 29
  • بازدید امروز : 722
  • باردید دیروز : 553
  • گوگل امروز : 4
  • گوگل دیروز : 1
  • بازدید هفته : 722
  • بازدید ماه : 13,281
  • بازدید سال : 73,024
  • بازدید کلی : 504,869
  • کدهای اختصاصی
    به دلیل اپدیت روزانه از همه مطالب در همه موضوعات در ارشیو ها دیدن فرمایید با تشکر - دی:
    برای دیدن مطالب حتما در سایت ثبت نام کنید (بیشتر مطالب حتما باید عضو باشید)
    شما می توانید درخواست های خودتان را در انجمن سایت به صورت تاپیک به ما اطلاع دهید و ما به شما کمک کنیم دی :
    اگر شما درخواست در مورد تبلیغات در سایت و هر چه چیز دیگر با این ایدی تلگرام در ارتباط باشند erfanf50