css چیست و چه کاربردی دارد؟

طراحی سایت
صفحه اصلی
مقالات طراحی سایت
طراحی و راه اندازی وب سایت
css چیست و چه کاربردی دارد؟

دسته بندی

css چیست و چه کاربردی دارد؟
css چیست و چه کاربردی دارد؟
0

0
بازدید این صفحه : ۳۱۲۲

تاريخ : 11 اسفند 1392

بزرگنمایی تصویر

توضیحات تکمیلی
نظر شما

CSS زبانی است که توسط آن قادر خواهید تا استایل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید.شما توسط تگ های HTML صفحه وب سایت خود را پیاده سازی میکنید و با دستورات CSS مشخص میکنید هر عنصر چه خصوصیات ظاهری داشته باشد.

Css از سه حرف اول کلمات Cascading Style Sheet گرفته شده است، زبان نشانه گذاری تحت وب که برای توصیف ظاهر و شکل یک و سایت برای مرورگر استفاده می شود اغلب در صفحات html و xhtml به کار میرود همچنین در سناد xml شامل xml های ساده ، SVG و XULکاربرد دارد. Css3 در واقع آخرین ورژن css است که دارای قابلیت های اضافی بسیار فراتر از دو نسل اول است.

CSS می تواند در بسیاری از کارهای تکراری ، زمان طراحی و حجم کدهای سایت صرفه جویی کند. شما میتوانید یکبار خصوصیات ظاهری عناصر را در وب سایت توسط دستورات CSS مشخص کنید، سپس هرکجا در وب سایت از عنصر مورد نظر استفاده کردید، خصوصیات مشخص شده را به آن عنصر اعمال کنید.

انواع روش های تعریف استایل عبارتند از:

Inline Style:

این نوع استایل در داخل تگهای HTML به کار گرفته میشوند، و این استایل فقط بروی همان تگ به خصوص تاثیر خواهد گذاشت.

Embedded or Global Style:

در این نوع، استایل نوشته شده در تمامی صفحه تاثیر خواهد گذاشت.

Linked or External style sheet:

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

با ظهور CSS نسخه ۳ و html نسخه ۵ انقلابی در طراحی وب سایت صورت گرفته است. البته این انقلاب را ما بصورت کامل مشاهده نکرده ایم و دلیل ان هم مرورگرهایی است که هنوز این تغییرات و ویرایش های جدید را ساپورت نمیکنند و مسلما نیاز به زمان زیادی است تا بتوان وب سایتهای مبتنی بر CSS نسخه ۳ و html نسخه ۵ را در دنیای مجازی به راحتی مشاهده کرد. اما شما بعنوان یک طراح وب سایت باید خود را آماده این تغییرات نمایید تا در صورت ورود به فاز جدید از قافله عقب نمایند.

اگر شما در زمینه css3 تازه کار هستید باید به این نکته دقت کنید که کار کردن با css3 به معنی تغییر دادن کدهای قبلی css نیست بلکه به معنی گسترش دادن آنهاست به طوری که قابلیت های جدید css3 را به کدهای قبلی خود اضافه کنید.در حال حاضر بسیاری از مرورگرها از css3 پشتیبانی می کنند بنابراین شما می توانید بدون هیچگونه نگرانی به استفاده از این کدها بپردازید.

برخی از ویژگیهای CSS3 :

سلکتورها

سلکتورها در css3 به سمت جالب شدن پیش می روند. آنها به طراحان و توسعه دهندگان اجازه می دهند تا سطوح ویژه بیشتری را از سند انتخاب کنند. یکی از چیزهای زیبا راجع به ای ماژول این هست که هم اکنون بسیاری از مرورگرها شروع به پشتیبانی سلکتورهای پیشرفته CSS3 کرده اند ، بنابراین شما می توانید الان آنها را امتحان کنید.

افکت های متنی و قالب بندی

ایجاد تغییراتی برای فاصله گذاری، فضاهای خالی و تنظیم متن در سند.

شبه کلاس هایی برای اولین خط و اولین حرف

رسانه های صفحه بندی شده و محتویات تولید شده

هم اکنون css3 موارد بیشتری را در مدیاهای صفحه بندی شده پشتیبانی می کند نظیر اجرای هدرها و فوترها و شماره گذاری صفحات. علاوه بر ان ویژگی های پیشرفته ای برای محتوای تولید شده چاپی شامل ویژگی هایی برای پاورقی و مرجع های ارجاع شده وجود خواهد داشت.

قالب بندی چند ستونه

هم اکنون، قالب بندی چند ستونه روی یپش نویس هایی کار می کنند که ویزگی هایی را اماده می کند که به طراحان اجازه می دهد تا محتویاتشان را با ستون های چند تایی با تعاریفی مثل like the column-gap, column-count, and column-width. نمایش دهند.

البته با وجود CSS3 برنامه هایی مانند فتوشاپ و فلش در طراحی سایت نقش کمتری را به خود اختصاص می دهند.

منبع : پارس لرنینگ

نظر شما

طراخی فروشگاه اینترنتی

طراحی سایت

___

----

_---_

نماد اعتماد الکترونیکی

آمار بازدید

دسته بندی

خدمات طراحی سایت

ویترین اخبار

نماد اعتماد الکترونیکی

آمار بازدید

تبلیغات