جاوا اسکریپت: تفاوت میان نسخه‌ها
پرش به ناوبری
پرش به جستجو
| خط ۶: | خط ۶: | ||
* شیوه‌نامهٔ خارجی | * شیوه‌نامهٔ خارجی | ||
:در این روش برای اتصال یک سند 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> معین می‌گردد. مانند زیر: | ||
<div dir="ltr"> | |||
<style | |||
<style> | |||
hr {color:sienna;} | hr {color:sienna;} | ||
p {margin-left:20px;} | p {margin-left:20px;} | ||
</style> | </style> | ||
</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>