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

خواندن 163 دفعه

آدرس : تهران ، میدان انقلاب ، کوچه رشتچی ، پلاک ۱۴ (ساختمان ایرانیان) ،طبقه دوم واحد ۸

 

خط ویژه: ۶۶۹۲۸۷۸۷-۰۲۱

تلفن : ۶۶۹۲۸۰۴۰-۰۲۱ | ۶۶۱۲۴۱۴۹-۰۲۱ | تلفن همراه : ۰۹۱۲۳۷۹۰۵۸۸

فکس دیجیتال: ۸۹۸۷۷۳۷۳-۰۲۱

آدرس ایمیل : wnegaran[at]gmail.com 

تمامی حقوق مادی و معنوی این سایت متعلق به شرکت وب نگاران پارسه می باشد