CSS

implementing CSS:

و CSS نحوه نمایش عناصر HTML را روی صفحه ، کاغذ یا سایر رسانه ها توصیف می کند,
CSS کار زیادی را صرفه جویی می کند. این می تواند طرح چند صفحه وب را به طور هم زمان کنترل کند.
CSS را می توان به 3 روش به عناصر HTML اضافه کرد:و

و Inline - با استفاده از ویژگی سبک در عناصر HTML
 Internal - با استفاده از یک عنصر <style> در بخش <head>
   extrnal - با استفاده از یک فایل CSS خارجی

Inline CSS:

از inline CSS برای اعمال یک سبک منحصر به فرد در یک عنصر HTML استفاده می شود.
یک inline CSS از ویژگی سبک یک عنصر HTML استفاده می کند.

<html>

<body>

<h1 style="color:blue;">This is a Blue Heading</h1>

</body>

</html>

Intenal CSS:

از internal CSS برای تعریف یک style برای یک صفحه HTML استفاده می شود.
CSS داخلی در بخش <head> یک صفحه HTML ، در یک عنصر <style> تعریف شده است:

<head>
<style>
 body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
 </style>
</head>

Extrnal CSS:

برای تعریف styleبرای بسیاری از صفحات HTML از an external style sheet استفاده می شود.
با داشتنan external style sheet ، می توانید با تغییر یک پرونده ، ظاهر کل یک وب سایت را تغییر دهید!
برای استفاده از an external style sheet ، در قسمت <head> صفحه HTML پیوندی به آن اضافه کنید:

<head>
 <link rel="stylesheet" href="styles.css">
 </head>

Here is how the "styles.css" looks:

body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
p {
  color: red;
}

BOX MODEL:

CSS Margin:

خاصیت حاشیه (فضا) خارج از مرز را تعیین می کند.

مثال

CSS Padding:

یک padding (فضای) بین متن و مرز .

CSS Backgrounds:

از خصوصیات پس زمینه CSS برای تعریف جلوه های پس زمینه برای عناصر استفاده می شود.

CSS background properties:

• background-color

رنگ پس زمینه را عوض میکند

• background-image

عکس برای پس زمینه با استفاده از url تعیین میکند

• background-repeat

یک عکس1kb و کوچک را چند بار تکرار میکند و در پس زمینه تعیین میکند

• background-attachment

مشخص می کند که آیا تصویر پس زمینه باید پیمایش شود یا ثابت شود (با بقیه صفحه پیمایش نخواهد شد)

• background-position

مورد استفاده برای تعیین موقعیت تصویر پس زمینه.

CSS Borders:

به شما امکان می دهد style ، wietgh و color border یک عنصر را مشخص کنید.

• dotted - Defines a dotted border
• dashed - Defines a dashed border
• solid - Defines a solid border
• double - Defines a double border
• groove - Defines a 3D grooved border. The effect depends on the border-color value
• ridge - Defines a 3D ridged border. The effect depends on the border-color value
• inset - Defines a 3D inset border. The effect depends on the border-color value
• outset - Defines a 3D outset border. The effect depends on the border-color value
• none - Defines no border
• hidden - Defines a hidden border