Css یا Cascading Style Sheet یک زبان برنامه نویسی نمی باشد بلکه زبان نشانه گذاری تحت وب می باشد.
HTML بخاطر داشتن تگ ها، محتوای صفحات وب و بدنه اصلی سایت را می سازد و 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 باشد را اجرا و اعمال می کند.
