آموزش CSS

آموزش CSS

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش CSS و مقدمه ای از آن خواهیم پرداخت.

CSS برای کنترل سبک اسناد وب به روشی ساده و آسان استفاده می شود.

CSS مخفف کلمه “Cascading Style Sheet” است. این آموزش هر دو نسخه CSS1 ، CSS2 و CSS3 را پوشش می دهد و درک کاملی از CSS را با شروع از اصول اولیه تا مفاهیم پیشرفته ارائه می دهد.

چرا CSS را یاد بگیریم؟

Cascading Style Sheets، که به عنوان CSS شناخته می شود ، یک زبان طراحی ساده است که برای ساده سازی روند ایجاد صفحات وب قابل ارائه است.

CSS برای دانشجویان و متخصصانی است که باید یک مهندس نرم افزار عالی باشند، به ویژه هنگامی که در دامنه توسعه وب کار می کنند. برخی از مزایای اصلی یادگیری CSS را لیست می کنم:

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

یک طراح وب شوید – اگر می خواهید  به عنوان یک طراح وب حرفه ای باشید، طراحی HTML و CSS یک مهارت ضروری است.

کنترل وب – یادگیری و درک CSS آسان است اما کنترل قدرتمندی بر ارائه یک سند HTML فراهم می کند. معمولاً CSS با زبانهای نشانه گذاری HTML یا XHTML ترکیب می شود.

زبانهای دیگر را بیاموزید – هنگامی که اصول HTML و CSS را درک کردید، دیگر درک فناوری های دیگر مانند javascript ،php یا angular آسان تر می شوند.

Hello World با استفاده از CSS

برنامه ی ساده و برای شروع آموزش CSS، اقدام به نوشتن Hello World می کنیم:

کاربردهای CSS 

همانطور که قبلاً ذکر شد، CSS یکی از پرکاربردترین زبانهای سبک در وب است. من قصد دارم تعداد کمی از آنها را در اینجا لیست کنم:

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

صفحات سریعتر بارگیری می شوند – اگر از CSS استفاده می کنید، نیازی نیست که هر بار ویژگی های تگ HTML را بنویسید. فقط یک قانون CSS از یک تگ بنویسید و آن را در تمام وقایع آن تگ اعمال کنید. بنابراین کد کمتر به معنای زمان بارگیری سریعتر است.

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

استایل های برتر نسبت به HTML – ویژگی های CSS نسبت به HTML دارای ویژگی های بسیار گسترده تری است، بنابراین می توانید در مقایسه با ویژگی های HTML ظاهر بهتری به صفحه HTML خود بدهید.

سازگاری چند دستگاهی –  امکان بهینه سازی محتوا را برای بیش از یک نوع دستگاه فراهم می کنند. با استفاده از همان سند HTML، می توان نسخه های مختلف وب سایت را برای دستگاه های دستی مانند PDA ها و تلفن های همراه یا برای چاپ ارائه داد.

استانداردهای جهانی وب – اکنون ویژگی های HTML در حال منسوخ شدن هستند و توصیه می شود از CSS استفاده کنید. بنابراین بهتر است از CSS در تمام صفحات HTML استفاده کنید تا با مرورگرهای آینده سازگار باشد.

آموزش CSS برای چه کسانی مناسب است؟

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

پیش نیازها

• پردازش کلمات اساسی با استفاده از هر ویرایشگر متن.
• نحوه ایجاد دایرکتوری ها و پرونده ها.
• نحوه پیمایش از طریق فهرستهای مختلف.
• مرور اینترنت با استفاده از مرورگرهای معروف مانند Internet Explorer یا Firefox.
• ایجاد صفحات وب ساده با استفاده از HTML یا XHTML.

منبع.