Blog

Css چیست ؟

توسط طراحی سایتدر 4 نوامبر 2020

Css چیست ؟

css چیست ؟ الگوهای آبشاری یا روی‌ انداز آبشاری سَبْک یا سی‌ اس‌ اس (به انگلیسی: CSS: Cascading Style Sheets )،

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

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

با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی،

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

رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را،

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

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

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

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

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

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

و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.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 را می توانید توی فایل جداگونه بگذارید و به این ترتیب استفاده و نگهداری آن راحتتر است .

اشتباهات 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 باشد،

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    سبد خرید
    question