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

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

در این مقاله می خوانید :

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

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 باشد را اجرا و اعمال می کند.

به این مطلب امتیاز دهید

برای دریافت مشاوره رایگان و استعلام قیمت، همین الان شماره خود را وارد کنید

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

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

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