زمان کنونی: ۱۰-۲۸-۱۳۹۵, ۰۴:۱۳ صبح درود مهمان گرامی! (ورودثبت نام)




استایل در صفحات طراحی سایت
زمان کنونی: ۱۰-۲۸-۱۳۹۵, ۰۴:۱۳ صبح
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: elham1388
آخرین ارسال: elham1388
پاسخ: 1
بازدید: 750

ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
 

استایل در صفحات طراحی سایت

۵-۳-۱۳۹۴, ۰۲:۰۵ عصر
ارسال: #1
استایل در صفحات طراحی سایت
استایل در صفحات طراحی سایت به معنای تنظیم نحوه چیدمان اجزای صفحه طراحی وب سایت می باشد. اندازه مناسب فونت ها ، رنگ بندی مختلف ، محل قرار گیری المان های مختلف و سایز آنها تمامی به واس کدهای 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>


وجود تعداد زیادی از این کدهای سی اس اس به صورت استایل داخلی موجب سنگین شدن سرعت لود صفحه طراحی سایت شما می شود که اثر مثبتی را در سئو وب سایت و بهینه سازی وب سایت شما نخواهد داشت.
امضای elham1388 دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
, دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
, دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
, دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
, دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  متحرک سازی در طراحی سایت با jquery elham1388 0 763 ۵-۳-۱۳۹۴ ۰۱:۴۸ عصر
آخرین ارسال: elham1388
  ایفکت جی کوئری در طراحی سایت elham1388 0 802 ۴-۲۳-۱۳۹۴ ۰۹:۰۹ صبح
آخرین ارسال: elham1388

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان