استایل در صفحات طراحی سایت به معنای تنظیم نحوه چیدمان اجزای صفحه طراحی وب سایت می باشد. اندازه مناسب فونت ها ، رنگ بندی مختلف ، محل قرار گیری المان های مختلف و سایز آنها تمامی به واس کدهای css سی اس اس قابل پیاده سازی می باشند. حال این کدهای استایل و سی اس اس css می توانند بصورت فایل خارجی به صفحه html اتصال یابد و یا اینکه به صورت داخلی در کدهای صفحه html قرار گیرد که در این صورت از استایل style داخلی استفاده شده است.
استایل داخلی در طراحی سایت
اگرچه استایل داخلی و درج کدهای css به صورت استایل داخلی توصیه نمی شود و در سئو سایت و بهینه سازی سایت فاکتور منفی محصول می شود اما تحت شرایطی شاید بخواهید از استایل داخلی برای صفحه طراحی سایت خود استفاده نمایید. کدهای زیر بیانگر این مطلب می باشند.
<body style="background-color:lightgrey">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body
در کد بالا رنک بک گراند به صورت استایل داخلی و با درج کد style="background-color:lightgrey" منظور گردیده است.
<h1 style="color:blue">This is a heading</h1>
کد بالا همچنین رنگ آبی را برای رنگ مطالب در تگ h1 استفاده نموده است.
همچنین می توان کدهای استایل را در بخش هد صفحه طراحی سایت خود قرار دهی و با درج کد زیر تمامی کدهای css را که در نظر دارید در صفحه طراحی وب سایت شما باشد درج نمایید و در آن کد کلاس هایی که در صفحه درج نموده اید را بگذارید.
<style type="text/css">
.style1 {
border-style: solid;
border-color: #C0C0C0;
text-align: center;
background-color: #FFFFFF;
}
</style>
وجود تعداد زیادی از این کدهای سی اس اس به صورت استایل داخلی موجب سنگین شدن سرعت لود صفحه طراحی سایت شما می شود که اثر مثبتی را در سئو وب سایت و بهینه سازی وب سایت شما نخواهد داشت.
