آموزش وبلاگ نویسی
آشنایی با CSS
نوشته شده توسط مسئول وبلاگ ها راسخون در ساعت 01:01 ب.ظ

CSS چیست؟

 CSSیا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد ...

زمانی که HTML پا به عرصه دنیای اینترنت گذاشت، فرض بر این که این زبان تنها برای نمایش متن و عکس بوجود آمده است. عملا در آن زمان، کسی حتی فکر آن را نمی کرد که روزی برسد که اینترنت به خانه های صدها میلیون آدم و بر روی کامپیوترهای شخصی نفوذ کند.

HTML 
زبانی بود که بسیاری از موارد پیشرفته در طراحی در آن لحاظ نشده بود. بعلاوه اینکه این زبان قابلیت تغییر، کاربر پسندی و بسیاری دیگر از مباحثی که در دنیای برنامه نویسی و طراحی با گذشت زمان بوجود آمده اند را در خود جای نداده است.

CSS زبانی است که توسط آن قادر خواهید تا استیل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید

برای این منظور مثالی را می زنیم. تصور کنید که سایت شما شامل 100 صفحه استاتیک می باشد و شما آنها را تماما به زبان HTML نوشته اید. بعد از یک هفته تصمیم گرفته اید تا فونت تمام کلمات را کمی بزرگتر کنید. گفتن اینکه فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی آیا در عمل تغییر 100 صفحه نیز به همان راحتی خواهد بود؟

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

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

طریقه استفاده از کدهای CSS

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

کنسرسیوم شبکه جهانی وب W3C هم اکنون مزیت CSS را برای تعریف تمام ویژگیهای طراحی صفحات HTML بر تمامی روشهای دیگر ارجح می داند بطوریکه با ظهور CSS، استفاده محض از HTML بدون CSS، جلوه بدی را بخود گرفته است.

 

فایلهای CSS، با استفاده از قوانین زیر، درون صفحات HTML قرار داده می شوند:

<link rel="stylesheet" href="http://example.com/css/style.css" type="text/css" />

سه روش برای به کارگیری CSS وجود دارد:

 

۱- محلی: (Inline

در صورتیکه تا به حال از CSS استفاده نکرده‌اید بهتر است از این روش ساده استفاده کنید، اگر چه با این روش نمی‌توان یک style را برای یک مجموعه تگ در آن واحد اعمال کرد.
در این روش درون تگ HTML ای که می‌خواهیم قالب آن را تغییر دهیم ویژگی style را مانند زیر تایپ می‌کنیم

  

۲- داخلی: (Internal)

این روش برای صفحات مجزایی که متن طولانی دارند بسیار مناسب می‌باشد. بدین صورت می‌توان style را در بالای سند HTML برای کل متن تعریف نمود.

در اینحالت در داخل تگ < head > تگ < style > را مانند زیر تایپ کنید.

  

۳-خارجی(External) 
در صورتیکه بخواهید از یک style در چندین صفحه استفاده کنید این روش را به کار ببرید. در این حالت می‌توان برای تمام صفحات وب ظاهر متداول و یکسانی بوجود آورد. یعنی به جای آنکه برای هر صفحه از style های داخلی استفاده کنید می‌توانید تمام صفحات را با یک style خارجی طراحی کنید.

 

 

 

 

 

 

منابع :  http://ostad.etvto.ir   و   www.7learn.com


»