Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

شیوه نامه ها و استایل ها در css

راه های نوشتن کد های css

سه راه برای نوشتن استایل شیت ها (style seet) یا همان شیوه نامه ها وجود دارد.

  1. External style sheet یا شیوه نامه خارجی (استایل خارجی)
  2. Internal style sheet یا شیوه نامه داخلی (استایل داخلی)
  3. Inline style یا سبک درون خطی

External style sheet یا شیوه نامه خارجی

استایل های خارجی فایل هایی هستند که بوسیله تگ <link> در صفحه وب قرار گرفته اند و بهترین راه برای تغییر دادن ظاهر یک سایت که از صفحات زیادی درست شده اند می باشند.
در استایل های خارجی یک فایل را با پسوند css در اینترنت ذخیره (آپلود) می کنیم و آدرس آن را در تگ <link> می گذاریم. در آن فایل باید از سلکتور هایی استفاده کنیم که بتوان آنها را به کد ها و تگ های موجود در صفحه وصل کرد.
توجه داشته باشید که همیشه باید تگ <link> درون تگ <head> قرار داشته باشد تا عملکردی مناسب داشته باشد. البته نه ازلحاظ کد نویسی بلکه از لحاظ سئو بودن.
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

شیوه نامه ها یا استایل های موجود در استایل های خارجی را با هر نوع ویرایشگر متنی می توان نوشت ولی باید حتما با یپوند .css ذخیره شوند وگرنه عمل نخواهند کرد.

نحوه تغییر فرمت یک فایل پس از ساخت آن
 

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

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}

توجه: در قسمت value موجود در انتخابگر p و مانند آن نباید بین 20 و px فاصله (space) وجود داشته باشد. باید به همان صورت نوشته شود.


Internal style sheet یا شیوه نامه داخلی (استایل داخلی)

یک استایل داخلی زمانی باید استفاده شود که معمولا این استایل به یک تگ html وصل است اما اگر همین استایل ها را نیز مانند استایل های داخلی به کار ببریم بهتر است چون کاربر با چند کلیک و رفتن به صفحات دیگر ، دیگر نیازی نیست این استایل ها را دوباره دانلود کند.
نحوه نوشتن این استایل ها مانند استایل خارجی می باشد ولی تنها فرق آن این است که به جای تگ <link> از تگ <style> استفاده می کنیم. مانند زیر:
<head>
<style type="text/css">
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

Inline style یا سبک درون خطی

در این نوع استایل ها که در درون یک کد اچ تی ام ال قرار می گیرند بعضی از امکانات استایل های خارجی و داخلی را ندارند. برای مثال شما در این نوع استایل ها نمی توانید تعیین کنید که با بردن ماوس روی این لینک چه شکلی شود.
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>


استایل ها یا شیوه نامه های چندگانه

شیوه نامه ها و یا استایل های چندگانه ، استایل هایی هستند که خاصیت یک تگ HTML را در کل صفحه برای تمام تگ های موجود در سلکتور (انتخابگر) را تعیین می کنند. برای مثال:
h3
{
color:red;
text-align:left;
font-size:8pt;
}

 


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4408
تعداد اعضا : 36780
افراد آنلاین : 9
بازدید امروز : 378
بازدید دیروز : 1,014
گوگل امروز : 14
گوگل دیروز : 46
بازدید هفته : 2,431
بازدید ماه : 20,692
بازدید سال : 59,804
بازدید کلی : 10,841,506