معرفی CSS : CSS چیست ؟

این تاپیک 6 پاسخ و 7 مشارکت کننده دارد . آخرین آپدیت توسط :  Kasra Khoshkhoui ،‏ 1 ماه و 1 هفته پیش .

این تاپیک تاکنون 6617 بازدید داشته است .

تگ شده :  , ,

نویسنده پست
پنجشنبه ، 6 سپتامبر 2012     3:06 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

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

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

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

 

CSS چیست؟

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

با استفاده از زبان ساده ی CSS شما می تونید تنظیمات خاصی رو روی تگ های html (یا زبان های Murkup دیگه مثل xml) اعمال کنید !
هدف CSS جداسازی طراحی بدنه ی یک فایل html از شیوه ی نمایش اون فایل html هست . با CSS شما می تونید تعیین کنید که هر تگ html به چه شکلی نمایش داده بشه . مثلا رنگ ، اندازه و نوع فونت متن درون تگ رو مشخص کنید . یا اینکه پس زمینه و ویژگی های دیگه ی تگ رو تعیین کنید .

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

:: مزیت استفاده از CSS در مقابل ویژگی های خود تگهای html :

  • کاملا مشخصه که اگه بخواید از attribute های خود html استفاده کنید ، بدلیل اینکه باید اونها رو در هر تگ دوباره و چندباره تکرار کنید حجم فایل html شما خیلی زیاد میشه ، در صورتی که ما با استفاده از CSS میتونیم یک دسته از attribute ها رو فقط یکبار و در یکجا تعریف کنیم و تگهای مختلف به اون دسته تنظیمات ارجاع بدن و نیازی به آوردن تنظیمات در خود تگ و اتلاف فضای بیشتر نباشه . با CSS کلی در اندازه ی فایل صفحه ی وبتون صرفه جویی می کنید !
  • خوب هر چی اندازه ی فایل وبتون کوچیکتر باشه سرعت لود شدن صفحه ی وب هم مسلما بیشتر میشه . که اینکار با CSS میسره !
  • تغییر دادن صفحه ی وبتون به مراتب راحتتر میشه .
  • تنظیمات CSS رو می تونید توی فایل جداگونه بزارید و به این ترتیب استفاده و نگهداریش راحتتره !

:: ما در سون لرن دوره آموزشی کامل و جامع CSS همراه با مثال ها و پروژه های کاربردی رو برای شما محیا کردیم که می تونید از آن استفاده نمایید تا به خوبی این زبون رو فرا بگیرید و حرفه ای شید :

آموزش طراحی وب پایه تا پیشرفته - Html و CSS

 

:: برای آشنایی بیشتر با CSS می توانید از لینک ها و مقالات زیر استفاده نمایید :
21  تشکر
شنبه ، 22 سپتامبر 2012     1:05 ق.ظ #


heavenward

Subscriber
9 پست2 تاپیک

مرسی

توضیح جامعی بود

3  تشکر
شنبه ، 26 دسامبر 2015     10:19 ق.ظ #


Behnaz H

Subscriber
1 پست0 تاپیک

با سلام و تشکر برای زحمات شما

من html و css  رو تا حدودی مطالعه کردم و به تازگی شروع کردم برای تمرین طراحی سایت، اما بیشترین چیزی که برام مسئله سازه چگونگیه کنار هم قرار دادنه اجزاست، مثل عکس لینک و ....مثلا گاهی خودم فکر میکنم دارم درست پیش میرم ولی دیگران راه دیگه ای پیشنهاد میکنن. میخواستم اگه ممکنه منو راهنمایی کنید که چطور باید ادامه بدم که دلسرد نشم.
خیلی ممنونم

1  تشکر
چهار شنبه ، 20 آوریل 2016     11:47 ق.ظ #


MohammadAmin Mohammadi

Subscriber
1 پست1 تاپیک

برای یادگیری html وcss میتونین مقالات آموزشی Html را مطالعه کنید.

1  تشکر
یکشنبه ، 5 ژوئن 2016     1:40 ق.ظ #


Hosein Danesh

Subscriber
1 پست0 تاپیک

salam

mazerat mikham k inja Cm gozashtm baraton . hij jaye site bakhshe--Tamas ba ma-- ro peida nakardam

haghighatan mikham ba shoma dar morede ye seri Amozeshha sohbat konam(be sorate telefoni ya emaill) va be komaketon ehtiaj daram . mamnon misham zoodtar javab bedid

mn montazere pasokh shoma hastam

Mamnoon

 

1  تشکر
چهار شنبه ، 10 آگوست 2016     7:18 ب.ظ #


سید احسان عظیمی

Subscriber
105 پست14 تاپیک

توضیحات کامل بود ،ترکیب css و جی کوئری واقعا سایت و بروز  و زیبا میکنه

0  تشکر
دوشنبه ، 24 اکتبر 2016     4:30 ب.ظ #


Kasra Khoshkhoui

Subscriber
1 پست0 تاپیک

سی اس اس زبان نشانه ‎گذاری تحت وب است که برای توصیف ظاهر یک وب‎ سایت برای مرورگر استفاده می‎ شود. CSS از سه حرف اول کلمات cascading style sheet تشکیل شده است؛ CSS٣ در واقع آخرین نسخه CSS است که دارای قابلیت ‎هایی فراتر از دو نسل اول است. CSS٣ به خاطر ساختار ماژولارش، به توسعه‎ دهندگان وب این امکان را می ‎دهد که صفحات وب با محتوای غنی که نیاز به کد سبک‎تری دارند، ایجاد کنند. این یعنی ایجاد ظاهری خیال انگیز، واسط‎ های کاربری بهتر و لود سریعتر وب ‎سایت به‏ کمک عملکرد‎ هایی که برای طراحان وب تقریبا غیر ممکن بود تا بتوانند بدون استفاده از jQuery و  Photoshop  آنها را خلق نمایند. ویژگی هایی نظیر سایه دار کردن متن، منحنی کردن لبه های کادرها، استفاده از چند تصویر پس زمینه به عنوان بک گراند، ایجاد افکت های حرکتی بر روی عناصر صفحه تنها بخشی از قابلیت های منحصر بفرد سی اس اس ۳ است.
علاقه مندان CSS٣  می توانند به کمک سایت CSS٣ Generator با قابلیت ها و خصوصیت های این زبان نشانه گذاری آشنا شوند. با استفاده از CSS3 می توان طراحی وب سایت را سفارشی سازی نمود.
با ظهور نسخه سوم CSS  و نسخه پنجم html  انقلابی در طراحی وب سایت صورت گرفته است که امروزه اکثر مرورگر های جدید و استاندارد، از قابلیت های CSS٣ و HTML٥ پشتیبانی می کنند و طراحان وب می توانند از این فناوری جدید به خوبی استفاده کنند. البته باید توجه داشت که کار کردن با CSS٣ به معنی تغییر دادن کدهای قبلی CSS نیست بلکه به معنی گسترش دادن آنهاست به طوری که قابلیت های جدید CSS٣ را به کدهای قبلی اضافه نمود.
چرا CSS٣؟
وجود خصیصه‎های متنوع و جدید نظیر:

انتخاب کننده ها، مدل جعبه ای، جلوه های متنی، زمینه و حاشیه، تبدیل های دو/سه بعدی، انیمیشن، ستون های چندگانه، واسط کاربری (UI)

1  تشکر
پست 1 تا 7 (از مجموع 7 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .