چگونه مشکلات داخلی css را حل کنیم؟

  • تاریخ انتشار 1396/08/08
  • .
  • 519
  • .
  • گروه رازهای seo و بهینه سازی سایت

Css یا Cascading Style Sheet یک زبان برنامه نویسی نمی باشد بلکه زبان نشانه گذاری تحت وب می باشد.

HTML بخاطر داشتن تگ ها، محتوای صفحات وب و بدنه اصلی سایت را می سازد و css ظاهر یک صفحه از قبیل فونت ها، رنگ ها و تصویر پس زمینه سایت را می سازد. در نتیجه برای زیبایی و راحتی کار کاربران در css حتما باید از استایل استفاده کنید.

چگونه مشکلات داخلی css را حل کنیم؟

درcss سه نوع استایل می توان نوشت:
1. Inline
2. Internal
3. External

تگ های Html به ترتیب اولویت اول کدهای External و در اولویت دوم Internal و در آخر هم کدهای Inline را بررسی می کند و صفت های موجود در آن ها را اعمال می کنند.
بهتر است از کدهای inline css کمتر در Html استفاده کنیم و از تکرار بی مورد آن خودداری کنیم (<" "=p style>) زیرا استفاده بیش از حد از آن توسط خط مشی محتوا (cps) بسته می شود.

بطور مثال داریم:

<html>
<head>
<link rel="stylesheet" href="box.css">
</head>
<body>
<div class="box1 box2 box3 ">
</div>
</body>
</html>

حال فایل box.css خارجی به صورت زیر است:

.box1 {width: 100px; height: 100px; background-color: yellow;}
.box2 { width: 100px; height: 100px; background-color: green;}
.box3 { width: 100px; height: 100px; background-color: blue;}

همچنین می توانید به صورت Inline کدها را استفاده کنید به صورت زیر:

<html>
<head>
<style>
.box1 {width: 100px; height: 100px; background-color: yellow;}
.box2 { width: 100px; height: 100px; background-color: green;}
.box3 { width: 100px; height: 100px; background-color: blue;}
</style>
</head>
<body>
<div class="box1 box2 box3 ">
</div>
</body>
</html>

حال که به صورت Inline نوشتیم Html آخرین درخواست که Inline باشد را اجرا و اعمال می کند.

5

نمونه کارهای منتخب

طراحی سایت فروشگاهی مارکت سلام

گروه مرتبط :
طراحی سایت فروشگاه اینترنتی

مشاهده نمونه کار
طراحی سایت فروشگاهی زمبورک

گروه مرتبط :
طراحی سایت فروشگاه اینترنتی

مشاهده نمونه کار
طراحی سایت فروشگاه ورزشی ایران سی نت

گروه مرتبط :
طراحی سایت فروشگاه اینترنتی

مشاهده نمونه کار
طراحی سایت دکوراسیون دکورچین

گروه مرتبط :
طراحی سایت شرکتی
طراحی سایت دکوراسیون

مشاهده نمونه کار
طراحی سایت شرکت کامپیوتری  انفورماتیک کوشا

گروه مرتبط :
طراحی سایت شرکتی

مشاهده نمونه کار
طراحی سایت پزشکی کلینیک سیرنا

گروه مرتبط :
طراحی سایت پزشکان

مشاهده نمونه کار
طراحی سایت رستوران می خوش

گروه مرتبط :
طراحی سایت رستوران

مشاهده نمونه کار
طراحی سایت آکادمی بین المللی علوم گرجستان

گروه مرتبط :
طراحی سایت سفارشی

مشاهده نمونه کار
طراحی سایت فروشگاهی صداپرداز

گروه مرتبط :
طراحی سایت سفارشی

مشاهده نمونه کار
طراحی سایت املاک دارابی

گروه مرتبط :
طراحی سایت سفارشی

مشاهده نمونه کار
طراحی سایت خرید و فروش خودرو

گروه مرتبط :
طراحی سایت سفارشی

مشاهده نمونه کار

گروه مقالات طراحی سایت

شماره تماس پشتیبانی:

شماره تماس پشتیبانی:

نظرات کاربران

نظر شما چیست؟

سوال امنیتی: حاصل جمع 4 + 8 چند است ؟

x
02122324883    09198585818
آیا به مشاوره نیاز دارید؟

تماس بگیرید
021-22324883(مشاوره رایگان)

آنلاین هستیم
آنلاین هستیم