جاوا اسکریپت: تفاوت میان نسخه‌ها

از OCCC Wiki
پرش به ناوبری پرش به جستجو
خط ۶: خط ۶:
* شیوه‌نامهٔ خارجی
* شیوه‌نامهٔ خارجی
:در این روش برای اتصال یک سند CSS که با پسوند <code>.css</code> شناخته می‌شود، از [[تگ]] <nowiki><link></nowiki> در قسمت <nowiki><head></nowiki> استفاده می‌شود. مثال:
:در این روش برای اتصال یک سند CSS که با پسوند <code>.css</code> شناخته می‌شود، از [[تگ]] <nowiki><link></nowiki> در قسمت <nowiki><head></nowiki> استفاده می‌شود. مثال:
 
<div dir="ltr">
  <head>
  <head>
  <link rel="stylesheet" type="text/css" href="mystyle.css"/>
  <link rel="stylesheet" type="text/css" href="mystyle.css"/>
  </head>
  </head>
 
</div>


* شیوه‌نامهٔ داخلی
* شیوه‌نامهٔ داخلی
:شیوه‌نامهٔ داخلی در قسمت <head> در سند [[اچ‌تی‌ام‌ال]]، با استفاده از [[تگ]] <style> معین می‌گردد. مانند زیر:
:شیوه‌نامهٔ داخلی در قسمت <head> در سند [[اچ‌تی‌ام‌ال]]، با استفاده از [[تگ]] <style> معین می‌گردد. مانند زیر:


<head>
<div dir="ltr">
  <style type="text/css">
 
  <style>
  hr {color:sienna;}
  hr {color:sienna;}
  p {margin-left:20px;}
  p {margin-left:20px;}
  </style>
  </style>
</head>


</div>


* شیوه‌نامهٔ درون خطی
* شیوه‌نامهٔ درون خطی
:در این روش مشخصات شیوه‌نامهٔ در [[تگ]] مربوطه ذکر می‌شود. مانند زیر:
:در این روش مشخصات شیوه‌نامهٔ در [[تگ]] مربوطه ذکر می‌شود. مانند زیر:


<div dir="ltr">
<nowiki>
  <p style="color:sienna;margin-left:20px">این بندی جدید است.</p>
  <p style="color:sienna;margin-left:20px">این بندی جدید است.</p>
</nowiki>
</div>

نسخهٔ ‏۲۱ نوامبر ۲۰۱۴، ساعت ۲۲:۱۰

سی‌اس‌اس یا شیوه‌نامهٔ آبشاری (CSS: Cascading Style Sheets) به همراهHTML برای ساخت صفحات وب مورد استفاده قرار میگیرد. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. شیوه‌نامهٔ آبشاری از جنس زبان‌های نشانه‌گذاری، و درون هرکدام دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود.

نحوه استفاده

برای درج CSS در یک سند اچ‌تی‌ام‌ال از یکی از سه روش زیر می‌توان بهره گرفت:

  • شیوه‌نامهٔ خارجی
در این روش برای اتصال یک سند CSS که با پسوند .css شناخته می‌شود، از تگ <link> در قسمت <head> استفاده می‌شود. مثال:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
</head>
  • شیوه‌نامهٔ داخلی
شیوه‌نامهٔ داخلی در قسمت <head> در سند اچ‌تی‌ام‌ال، با استفاده از تگ <style> معین می‌گردد. مانند زیر:
<style>
hr {color:sienna;}
p {margin-left:20px;}
</style>
  • شیوه‌نامهٔ درون خطی
در این روش مشخصات شیوه‌نامهٔ در تگ مربوطه ذکر می‌شود. مانند زیر:

<p style="color:sienna;margin-left:20px">این بندی جدید است.</p>