استایل / Style در HTML

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

استایل   Style در HTMLدر مقاله قبلی شما را با " صفت / Attribute در HTML " آشنا کردم . یکی دیگر از صفت های کاربردی HTML که قبل از مهم شدن مقوله ای به نام سئو و پیشرفت CSS زیاد مورد استفاده قرار می گرفت Style  می باشد . یک صفت کاربردی با قابلیت های فراوان که ترکیب بندی و تغییر اجزای صفحه را براحتی انجام می داد. بطوریکه بسیاری از صفاتی که تا آن زمان برای تغییر رنگ , تغییر فونت , تصویر زمینه و ... استفاده می شد , اکنون با صفت style جایگزین شده بود . صفت style در واقع دروازه ورود به CSS است . از این صفت جهت نوشتن کدهای CSS در تگ های HTML استفاده می شود. اما امروزه زیاد کاربرد ندارد مگر اینکه بخواهیم یک قالب ساده با کدهای کم ایجاد کنیم زیرا استفاده از این تگ باعث سنگین شدن صفحه وب سایت در نتیجه دیر لود شدن قالب می شود .
دستورات CSS را هم میتوان بطور مستقیم در صفحه HTML نوشت , هم میتوان آنرا در یک فایل CSS جدا نوشت . برای اینکه دستورات CSS را مستقیما در خود صفحه بنویسیم , از صفت style استفاده می کنیم .

 

صفت Style  به طور کلی به شکل زیر درکدهای HTML نوشته می شود . 

 

style="property:value"

  

این تگ را  در بین تگ Body  تایپ کنید .  شما می توانید برای هر تگ از Style  استفاده کنید . همانند کدهای زیر  .

 

<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>

 

کد باید به شکل زیر تایپ شود . 

 

<!DOCTYPE html>
<html>
<body>
         <h1 style="color:blue">This is a heading</h1>
         <p style="color:red">This is a paragraph.</p>
</body>
</html>

 به طور کلی از تگ Style  می توانید برای تگ های background-color ، color ، font-family ، font-size ، text-align استفاده کنید . پیشنهاد میکنم اگر کدهای این بخش زیاد است در یک فایل Css مورد استفاده قرار بگیرد تا لودینگ صفحه اصلی سنگین نشود .

 

آخرین بروز رسانیچهارشنبه, 18 شهریور 1394 10:03

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

دیدگاه‌ها   

0 #1 محمد 1396-06-03 18:30
سلام
وب سایت خوب و کاربردی دارید

موفق باشید
نقل قول کردن

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا