Blog

Css چیست ؟

توسط طراحی سایتدر ۱۴ آبان ۱۳۹۹

Css چیست ؟

css چیست ؟ الگوهای آبشاری یا روی‌ انداز آبشاری

سَبْک یا سی‌ اس‌ اس (به انگلیسی: CSS: Cascading Style Sheets )،

در کنار اچ‌تی‌ام‌ال هستهٔ فناوری ساخت صفحه‌های وب هستند.

سی‌اس‌اس CSS روشی ساده برای نمایش چیدمان،

و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است.

الگوهای آبشاری از جنس زبان‌های نشانه‌گذاری،

با ساختار متن سادهٔ رایانه هستند و درون هرکدام،

دستورهایی آبشار مانند و پی‌درپی،برای چگونگی نمایش هر صفحه وب افزوده می‌شود.

به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه شان،

رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها)،

و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را،درون خود جای می‌دهند.

CSS نوعی زبان برنامه نویسی می باشد که معمولا همرا با زبان Html به کار می رود.

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

از این زبان بیشتر برای طراحی صفحات استفاده می شود.

 

Css چیست ؟

 

Css چیست ؟ برای مثال برای تغییر فونت یا تصویر زمینه ی

وب سایت از این زبان استفاده می شود.

با توجه به اینکه امروزه در هر شغلی افراد به طراحی وب سایت روی آورده اند

باید طراحی سایت بصورت بهینه ،

و طبق اصول Html و Css طراحی شود تا سایت کارایی داشته باشد.

عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است ،

و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.CSS زبانی است که توسط آن قادر خواهید ،

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

کاربرد اصلی css چیست ؟

بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود

مشخص کردن سبک صفحهٔ وب اچ‌تی‌ام‌ال،

و اکس‌اچ‌تی‌ام‌ال است ولی آن را می‌توان بر هر نوع مستند

اکس‌ام‌ال از جمله اس‌وی‌جی و اکس‌یوال اعمال کرد.

نگهداری و تغییر مشخصات سی‌اس‌اس CSS

به عهدهٔ کنسرسیوم وب جهانگستر است.

یکی از مهمترین نکته ها برای طراحی سایت ،

استفاده بهینه از css میباشد در این بخش از آموزش css به شرح ویژگی های اساسی ،

و مهم در طراحی وب سایت میپردازیم و روشهای اضافه کردن CSS

به صفحه را مورد بررسی قرار میدهیم.

 

Css چیست ؟

 

سه روش برای اضافه کردن CSS به صفحه وجود دارد :

  • CSS خارجی
  • CSS داخلی
  • سبک درون خطی

برای آسان کردن کار موتور های جستجو سعی کنید

از انیمیشن های فلش و یا تگ های span بوسیله css ،

کمتر استفاده کنید. با استفاده از css از دوباره نویسی کدهای HTML

که باعث کند شدن لود صفحه میشود جلوگیری میکنیم.

 

در این جا نکاتی را در مورد سی اس اس برای شما بیان می کنیم:

  • دستورات وارده حتما باید بین علامت {} قرار بگیرد و همچنین پس از نوشتن دستور با قرار دادن : مقدار آن را تعیین کنید.
  • می توانید دستورات نوشته شده را پشت سرهم نوشته به شرطی که بین آنها با علامت ؛ از هم جدا شود.
  • می توانید هرکدام از تگ ها را با علامت , از هم جدا کرد
  • مزایای استفاده از CSS
  • CSS در وقت صرفه جویی میکنه (همونطور که گفتم با تعیین یکباره مشخصات)
  • تغیییرات مجدد تگ های HTML بسیار راحت میشه.
  • طراحی صفحه بدون نیاز به تگ های قالب بندی HTML
  • طراحی صفحات دینامیک به کمک javascript

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

کاملا مشخص است که اگه بخواهید از attribute های خود html استفاده کنید ،

بدلیل اینکه باید انها را در هر تگ دوباره و چندباره تکرار کنید حجم فایل html شما خیلی زیاد میشود ،

در صورتی که ما با استفاده از CSS میتوانیم یک

دسته از attribute ها را فقط یکبار و در یکجا تعریف کنیم ،

و تگهای مختلف به اون دسته تنظیمات ارجاع بدن و نیازی

به آوردن تنظیمات در خود تگ و اتلاف فضای بیشتر نباشد .

با CSS کلی در اندازه ی فایل صفحه ی وب سایتتونصرفه جویی می کنید .

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

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

که اینکار با CSS میسر است تغییر دادن صفحه ی وب سایتتون به مراتب راحتتر میشود .

تنظیمات CSS را می توانید توی فایل جداگونه بگذارید

و به این ترتیب استفاده و نگهداری آن راحتتر است .

 

Css چیست ؟

 

اشتباهات HTML :

  • فراموش کردن بستن یک تگ
  • DOCTYPE اشتباه
  • با حروف بزرگ نوشتن تگها
  • فراموش کردن باز یا بسته کردن quotes
  • استفاده کردن از inline استایل
  • encoding نکردن کاراکترهای خاص
  • استفاده کردن بیش از حد از Id ها و class ها
  • فراموش کردن بستن براکت ها و استایلها
  • استفاده نکردن از Global Styles
  • استفاده نکردن از اسمهای مناسب برای Id ها و Class ها
  • استفاده نکردن از کدهای کوتاه
  • استفاده نکردن از کدهای کوتاه برای رنگ
  • استفاده نادرست از positioning

 

اعتبارسنجی :

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

وب سایت شما ممکن است در حالت عادی درست نمایش داده شود

ولی استفاده کردن از اعتبارسنج،شما را در شناسایی اشکالات وب سایت شما کمک می کند.

طراحی وب سایت با CSS :

طراحی با CSS به واقع جداسازی محتوا و سبک است.

محتوا باید در نسخهء متنی HTML و CSS باید،

مراقب باشد که HTML در صفحه چگونه متن را به نمایش می گذارد.

با این حال، اکثر طراحان وب سایت به صورت مناسب ،

اقدام به جدا کردن محتوا و سبک نمی کنند. HTML و CSS از یکدیگر جدا هستند.

اما اگر شما تغییراتی در نسخهء متنی HTML ایجاد نمایید،

یک ظاهر طراحی شدهء از هم جدا ایجاد می شود.

زیرا CSS برای انجام کار متکی بر عناصر موجود در متن HTML می باشد.

در حال حاضر این موضوع برای کسی مهم نیست،

که ترکیب مطالب چند صفحهء ثابت کنار هم قرار نیست

خیلی تغییری در طراحی سایت ایجاد کند؛

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

و از وجود دسترسی های ساده اطمینان حاصل نمایید.

اما اگر با یک سایتی که به درستی مدیریت شده

و به طور مرتب مطالب آن به روز می شود و با وجود تعداد زیادی محتوای داینامیک(پویا)،

بسیار مهم است که بتوان بدون نیاز به ویرایش HTML

در هر صفحه و بدون پخش شدن مطالبی که

تا به حال جمع آوری شده،کار انجام داد.

پاسخ این کار CSS می باشد اما تنها در صورتی می توان در طراحی سایت از CSS بهره مند شد،

که مطالب و محتوا به طور کامل از سبک جدا شده باشد.

برای داشتن طراحی سایت که به طور کامل قابل تغییر با CSS باشد

 

مشاوره طراحی سایت

برای دریافت راهنمایی های مربوط به طراحی و بهینه سازی سایت،

می توانید از قبل با مشاوران ما در تماس باشید .

تلفن تماس : 01132256877

همراه : 09129317376

 

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

    سبد خرید
    question