CSS :  انواع Style در CSS و بکارگيری آنها با صفت های id و class

CSS به معنی شيوه نامه‌ی آبشاری است. از Css برای صفحه آرايی صفحات وب استفاده می‌شود. منظور از شيوه نامه‌ی آبشاری اينست که انواع مختلفی از شيوه نامه را می توان در يک فايل HTML مورد استفاده قرار داد و مرورگر به روش خاصی به نام آبشار از آنها استفاده می‌کند.

- انواع شيوه نامه ها :
1) شيوه‌ی صفحه‌ای (Internal Style Sheet): در اين روش دستورات css بين دو تگ style نوشته می‌شوند و بين تگ‌های head قرار می‌گيرند. مانند زير :

<html>
<title>css learn</title>
<head>
<style type="text/css">
Css Syntax
</style>
</head>
<body> 
...
</body>
</html>

2) شيوه‌ی دستوری(Inline Styles): در اين شيوه نامه دستورات css داخل تگ های html بکار برده می‌شوند مانند :

<span style="font-family:tahoma;color:#996699;"> ITportal.persiangig.com </span>

3) شيوه‌ی خارجی (External Style Sheet): در اين شيوه دستورات css در يک فايل با پسوند css ذخيره شده و به صورت زير با دستور link در صفحه‌ی html فراخوانی می‌گردند.

<link rel="stylesheet" type="text/css" media="all" href="FileName.css"/>

4) شيوه‌ی چندگانه (Multiple Style Sheets): در اين شيوه دستورات css در يک كلاس تعريف شده و نام كلاس يكی از دستورات HTML است. اين روش را می‌توان در سه روش قبلی بكار برد.

h3 {
color:red;
text-align:left;
font-size:8pt;
}

•  استفاده از شيوه نامه‌ها در صفحه :
برای استفاده از شيوه نامه‌ها از دو صفت class و id می‌توان استفاده کرد.
1) روش class : در اين روش قبل از نام استايل بايد از کاراکتر ( . ) استفاده کرد و بعد از تعريف كلاس با دستور class آن را فراخوانی كرد. مانند مثال زير :

<html>
<head>
<style type="text/css">
.styleName{
font-family:verdana;
font-size:20px;
color:red;
}

</style>
</head>
<body>
<span class="styleName">ITPortal.persiangig.com </span>
</body>
</html>

2) روش id : در اين روش از کاراکتر ( # ) قبل از نام شيوه نامه استفاده می‌شود و با دستور id فراخوانی می‌گردد. مانند مثال زير :

<html>
<head>
<style type="text/css">
#styleNAme{
font-family:impact;
color:green;
}
</style>
</head>
<body>
<span id="styleName">ITPortal.persiangig.com </span>
</body>
</html>