تبلیغات راست
تبلیغات در مشهد رایانه

جستجوی گوگل


جستجو در وب
جستجوی سايت

CSS چیست؟

CSS تکنیکی است که برای کنترل طراحی و فرمت بندی در صفحات وب از آن استفاده می شود. با css می توان قالب و فرمت (طراحی) را از محتویات آن صفحه جدا کرد.

مزایای استفاده و نسخه های CSS در ادامه مطلب ...

مثلا برای فرمت بندی تگ های p که معرف پاراگراف است در صفحه وب می توان با چند خط کد، کل تگ های p را به فرمت دلخواه در آورد (مثلا رنگ آن ها را تغییر داد) .
CSS مخفف Cascading Style Sheet است به این معنا که اولویت بندی برای اثرگذاری فرمت ها به صورت آبشاری است. ترتیب آن از اولویت کم به زیاد به شرح زیر است:

۱)مقدار پیش فرض مرورگر
۲)فایل Style Sheet خارجی
۳) Style Sheet داخلی که در قسمت <head> تعریف شده است
۴) Inline Style که داخل عناصر HTML تعریف شده است

مزایای استفاده از CSS:
•    تمامی قالب ها را در یک یا چند فایل CSS برای کم شدن زمان ویرایش قرار داد.
•    سایت هایی که از فایل های CSS استفاده می کنند، سریع تر بارگذاری می شوند. چون این فایل یک بار توسط کلاینت دانلود شده و در حین دیدن آن وب سایت، دیگر نیازی به بارگذاری دوباره CSS نخواهد بود.
•    با جداسازی لایه نمایش از محتوا، می توانید از آن قالب در سایت های دیگر هم استفاده کنید.
•    ایجاد قالب های مختلف که می تواند برای موبایل ها یا دستگاه های دیگر به کار رود.

نسخه های CSS :

Css1: در سال ۱۹۹۶ توسط W3C (کنسرسیوم تعیین استانداردهای وب) منتشر شد. در این نسخه خصوصیاتی مانند تعیین رنگ،  تصویر پس زمینه و رنگ متون را میشد تعیین کرد.

CSS2: در سال ۱۹۹۸ معرفی شد. امکان ایجاد کادر، تعیین مکان آن ها و selector ها در این نسخه بود.

CSS2.1: به دلیل مشکلاتی که مرورگرها با نسخه ۲ داشتند و همین طور خطاهای موجود در آن، این نسخه جهت سازگاری با مرورگرها ارائه شد. در حال حاضر هم وقتی صحبت از css2 می شود، منظور همان نسخه ۲٫۱ است.

CSS3: در سال ۲۰۱۱ معرفی شد و به قسمت های مختلفی تقسیم می شود. در این نسخه ایجاد متن های چند ستونی، حاشیه های گرد، میزان شفافیت (opacity)، استفاده از رنگ های RGBA, HSL, HSLA و … اضافه شده است.  ضمنا مرورگرها از نسخه css3 به صورت کامل پشتیبانی نمی کنند(منهای دو مرورگر chrome  و safari که به طور کامل آن را پشتیبانی می کنند. این نسخه و البته نسخه های قبلی CSS، بدترین سازگاری را با internet explorer دارد).

برای تمرین CSS، می توانید از برنامه های مختلف استفاده کنید. اگر نمی خواهید هیچ برنامه ای روی کامپیوترتان نصب کنید، می توانید از notepad که به صورت پیش فرض در سیستم عامل ویندوز وجود استفاده کنید. البته به دلیل این که فقط شما باید درون آن کد بنویسید و ظاهر خشکی دارد خیلی توصیه نمی شود. چنانچه بخواهید می توانید یکی از برنامه هایی که در زیر آمده استفاده کنید(برای کار با CSS، باید با تگ های html آشنایی داشته باشید):
Notepad++، Microsoft expression ،Adobe dream weaver، Komodo و …

CSSها را به سه صورت می توان به کار برد.( در هر سه حالتی که در زیر گفته می شود، هدف ما این است که نوشته های پاراگراف را به رنگ آبی درآوریم.)
۱) inline: در این حالت، فرمت یا همان CSS ما در خطی که قرار است بر آن فرمتی اعمال شود، قرار دارد.
1
<p style="text-align: right;"><p style=”color:blue;”>this is a sample</p></p>

2) document: برای تعریف CSS در این حالت، باید یک تگ مانند مثال زیر مابین دو تگ <head> </head> بنویسید.

1
2
3
4
5
6
<style type=”text/css”>
p
{
 color:blue;
}
</style>

در این مثال ابتدا نام تگی که قرار است فرمت جدید (در اینجا رنگ نوشته) روی آن اعمال شود را می نویسیم، سپس در آکولاد باز و بسته ابتدا متغیر (color) و سپس مقدار (blue)آن را می نویسیم.
۳) external: برای این حالت، باید یک فایل با پسوند CSS ایجاد کنیم، در آن فایل فرمت ها را بنویسیم، سپس آدرس این فایل را از طریق تگ زیر که بین دو تگ <head> </head> است، به صفحه ها نسبت دهیم.

1
<link rel=”stylesheet” type=”text/css” href=”example.css” />

محتویات فایل example.css می تواند مطابق زیر باشد:

1
2
3
{
color:blue;
}


Cascading Style Sheet
ارسال شده در مورخه : چهارشنبه، 16 فروردين ماه، 1391 توسط mahdi  پرینت

مرتبط باموضوع :

 توابع تبديل عدد به معادل حروفي آن  [ چهارشنبه، 14 مرداد ماه، 1388 ] 1637 مشاهده
 روش ايجاد يك شماره سريال در Report  [ چهارشنبه، 14 مرداد ماه، 1388 ] 1759 مشاهده
 PHP چيست ؟  [ يكشنبه، 29 فروردين ماه، 1389 ] 1975 مشاهده
 Structure در VB.Net چیست ؟  [ يكشنبه، 22 شهريور ماه، 1388 ] 2753 مشاهده
 اجرای فایل اجرایی در VB6  [ پنجشنبه، 11 آذر ماه، 1389 ] 1783 مشاهده
نام شما:
ایمیل شما:

در مورخه : چهارشنبه، 29 خرداد ماه، 1392
سلام؛ با آرزوی موفقیت در تمام کارها. تولد زهرا خانم مبارک. سلام برسونید. مجید
ارسال جوابیه ]

نام شما:
ایمیل شما:

در مورخه : چهارشنبه، 29 خرداد ماه، 1392
سلام؛ با آرزوی موفقیت در تمام کارها. تولد زهرا خانم مبارک. سلام برسونید. مجید
ارسال جوابیه ]

 
نام شما: [ کاربر جدید ]

نام شما (ضروری): 
ایمیل شما (ضروری): 
نظر:


:) ;) |) :- :( :0 :# *) ^) +)) :} |(( @: (:) :? :**
کد امنیتی
کد امنیتی

  [ بازگشت ]
ورود
نام کاربری

رمز عبور

چنانچه تاکنون عضو این سایت نشده اید می توانید با تکمیل فرم مخصوص عضویت به جمع کاربران این سایت بپیوندید و از امكانات مخصوص كاربران استفاده نمائيد .
امتیاز دهی به مطلب
انتخاب ها

 فایل پی دی اف فایل پی دی اف

 گرفتن پرينت از اين مطلب گرفتن پرينت از اين مطلب

 ارسال به دوستان ارسال به دوستان

 گزارش این پست به مدیر سایت گزارش این پست به مدیر سایت

اشتراک گذاري مطلب
تبلیغات در مشهد رایانه