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

اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در whatsapp
اشتراک گذاری در email
اشتراک گذاری در telegram
چگونه مشکلات داخلی Css را حل کنیم؟

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

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

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

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

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

درcss سه نوع استایل می توان نوشت:
۱. Inline
۲. Internal
۳. 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 باشد را اجرا و اعمال می کند.

اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در whatsapp
اشتراک گذاری در email
اشتراک گذاری در telegram

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

وب نگاران پارسه

پشتیبانی آنلاین!