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

از OCCC Wiki
پرش به ناوبری پرش به جستجو
(صفحه‌ای جدید حاوی «سی‌اس‌اس یا شیوه‌نامهٔ آبشاری (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> استفاده می‌شود. مثال:
<source lang="html4strict">
 
<head>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
</head>
</head>
</source>
 
 
* شیوه‌نامهٔ داخلی
* شیوه‌نامهٔ داخلی
:شیوه‌نامهٔ داخلی در قسمت <head> در سند [[اچ‌تی‌ام‌ال]]، با استفاده از [[تگ]] <style> معین می‌گردد. مانند زیر:
:شیوه‌نامهٔ داخلی در قسمت <head> در سند [[اچ‌تی‌ام‌ال]]، با استفاده از [[تگ]] <style> معین می‌گردد. مانند زیر:
<source lang="html4strict">
 
<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>
</source>
 
 
* شیوه‌نامهٔ درون خطی
* شیوه‌نامهٔ درون خطی
:در این روش مشخصات شیوه‌نامهٔ در [[تگ]] مربوطه ذکر می‌شود. مانند زیر:
:در این روش مشخصات شیوه‌نامهٔ در [[تگ]] مربوطه ذکر می‌شود. مانند زیر:
<source lang="html4strict">
 
<p style="color:sienna;margin-left:20px">این بندی جدید است.</p>
<p style="color:sienna;margin-left:20px">این بندی جدید است.</p>
</source>

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

سی‌اس‌اس یا شیوه‌نامهٔ آبشاری (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>


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

این بندی جدید است.