جاوا اسکریپت: تفاوت میان نسخه‌ها
پرش به ناوبری
پرش به جستجو
(صفحه‌ای جدید حاوی «سی‌اس‌اس یا شیوه‌نامهٔ آبشاری (CSS: Cascading Style Sheets) به همراهHTML برای ساخت صفحا...» ایجاد کرد) |
|||
| خط ۳: | خط ۳: | ||
== نحوه استفاده == | == نحوه استفاده == | ||
برای درج CSS در یک سند [[اچ‌تی‌ام‌ال]] از یکی از سه روش زیر می‌توان بهره گرفت: | برای درج CSS در یک سند [[اچ‌تی‌ام‌ال]] از یکی از سه روش زیر می‌توان بهره گرفت: | ||
* شیوه‌نامهٔ خارجی | * شیوه‌نامهٔ خارجی | ||
:در این روش برای اتصال یک سند CSS که با پسوند <code>.css</code> شناخته می‌شود، از [[تگ]] <nowiki><link></nowiki> در قسمت <nowiki><head></nowiki> استفاده می‌شود. مثال: | :در این روش برای اتصال یک سند CSS که با پسوند <code>.css</code> شناخته می‌شود، از [[تگ]] <nowiki><link></nowiki> در قسمت <nowiki><head></nowiki> استفاده می‌شود. مثال: | ||
<head> | <head> | ||
<link rel="stylesheet" type="text/css" href="mystyle.css"/> | <link rel="stylesheet" type="text/css" href="mystyle.css"/> | ||
</head> | </head> | ||
* شیوه‌نامهٔ داخلی | * شیوه‌نامهٔ داخلی | ||
:شیوه‌نامهٔ داخلی در قسمت <head> در سند [[اچ‌تی‌ام‌ال]]، با استفاده از [[تگ]] <style> معین می‌گردد. مانند زیر: | :شیوه‌نامهٔ داخلی در قسمت <head> در سند [[اچ‌تی‌ام‌ال]]، با استفاده از [[تگ]] <style> معین می‌گردد. مانند زیر: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
hr {color:sienna;} | hr {color:sienna;} | ||
p {margin-left:20px;} | p {margin-left:20px;} | ||
</style> | </style> | ||
</head> | </head> | ||
* شیوه‌نامهٔ درون خطی | * شیوه‌نامهٔ درون خطی | ||
:در این روش مشخصات شیوه‌نامهٔ در [[تگ]] مربوطه ذکر می‌شود. مانند زیر: | :در این روش مشخصات شیوه‌نامهٔ در [[تگ]] مربوطه ذکر می‌شود. مانند زیر: | ||
<p style="color:sienna;margin-left:20px">این بندی جدید است.</p | <p style="color:sienna;margin-left:20px">این بندی جدید است.</p> | ||
نسخهٔ ۲۱ نوامبر ۲۰۱۴، ساعت ۲۳:۰۷
سی‌اس‌اس یا شیوه‌نامهٔ آبشاری (CSS: Cascading Style Sheets) به همراهHTML برای ساخت صفحات وب مورد استفاده قرار میگیرد. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. شیوه‌نامهٔ آبشاری از جنس زبان‌های نشانه‌گذاری، و درون هرکدام دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود.
نحوه استفاده
برای درج CSS در یک سند اچ‌تی‌ام‌ال از یکی از سه روش زیر می‌توان بهره گرفت:
- شیوه‌نامهٔ خارجی
- در این روش برای اتصال یک سند CSS که با پسوند
.cssشناخته می‌شود، از تگ <link> در قسمت <head> استفاده می‌شود. مثال:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"/> </head>
- شیوه‌نامهٔ داخلی
- شیوه‌نامهٔ داخلی در قسمت <head> در سند اچ‌تی‌ام‌ال، با استفاده از تگ <style> معین می‌گردد. مانند زیر:
<head>
<style type="text/css">
hr {color:sienna;}
p {margin-left:20px;}
</style>
</head>
- شیوه‌نامهٔ درون خطی
- در این روش مشخصات شیوه‌نامهٔ در تگ مربوطه ذکر می‌شود. مانند زیر:
این بندی جدید است.