css چیست؟css چیست؟ تاریخ انتشار : 28 فروردین، 1396

css چیست؟

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

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

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

css


با CSS چه کارهایی می توانیم انجام دهیم؟
•    ایجاد تغییرات در موقعیت قرارگیری اجزای صفحه
•    مشخص کردن فونت
•    مشخص کردن فاصله ها تا حاشیه و اجزای صفحه
•    مشخص کردن عکس پس زمینه
•    مشخص کردن چپ چین و راست چین بودن سایت
•    مشخص کردن طول و عرض
•    مشخص کردن رنگ پیش زمینه و پس زمینه

با CSS چه کارهایی می توانیم انجام دهیم؟

 

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

سه روش برای اضافه کردن css به صفحه


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟
28 فروردین

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟

بازدید: 4417

اچ‌ تی‌ ام‌ ال زبان توصیف ساختار صفحه‌های وب است. دستورعمل‌های این زبان، برچسب (Tag) نام دارند در زبان html دستورات و متون مربوطه داخل تگ ها قرار می گیرند که هر کدام از این تگ ها خواص و کاربرد خاص خود را دارندزبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند.HTMLمخفف عبارت  Hyper TextMarkup Language  می باشد که به معنای زبان نشانه گذاری متن می باشد. HTMLدر کنار [...]

سئوی منفی چیست و چقدر نگران کننده است؟
01 اردیبهشت

سئوی منفی چیست و چقدر نگران کننده است؟

بازدید: 3927

سئوی منفی ( Negative SEO ) در طراحی سایت سوالات زیادی را به همراه دارد. به عنوان مثال: سئوی منفی چیست؟ آیای سئوی منفی واقعا وجود دارد؟ اگر چنین است باید نگران چه چیزی بود؟ چگونه باید متوجه شد که کسی قصد حمله سئوی منفی به سایت ما را دارد؟ برای محافظت از سایت چه کاری باید انجام داد؟ هدف از این مقاله روشن شدن مبحث سئوی منفی در طراحی وب سایت و در نتیجه کاهش ترس شما از آن می باشد.سئوی منفی چیست؟سئوی منفی زمانی اتفاق می افتد [...]

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند
31 فروردین

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند

بازدید: 4230

بهینه سازی موتور جستجو سئو (SEO) چیست؟ SEO شامل به کارگیری فرایند ها در جهت بهبود و افزایش تعداد بازدیدکنندگان یک وب سایت به واسطه ی موتورهای جستجو گفته می شود. جنبه های زیادی در SEO وجود دارد که از کلمات موجود در صفحه ی شما تا ارتباطی که با دیگر صفحات برقرار می کنید را در بر می گیرد. بهینه سازی موتورهای جستجو تنها اشاره به این موتورها ندارد. بلکه اشاره به بهبود آن برای انسان ها نیز دارد. این مقاله ی آموزشی به توصیف [...]

افزایش سرعت سایت با mod_pagespeed گوگل برای Apache
01 اردیبهشت

افزایش سرعت سایت با mod_pagespeed گوگل برای Apache

بازدید: 3478

افزایش سرعت سایت با mod_pagespeed گوگل برای Apacheتوسعه دهندگان نرم افزاری شرکت گوگل از دو سال پیش شروع به ساخت ماژول mod_pagespeed برای آپاچی (Apache) کرده‌اند که با استفاده از آن در سرور سایت خود بدون نیاز به هیچ گونه تغییراتی در محتوای سایت خود می‌توانید سرعت سایت‌های خود را تا حد زیادی افزایش دهید و همان طور که می‌دانید یکی از نکات ضروری در مورد سئو و بهینه سازی سایت‌ها نیز همین سرعت پاسخگویی سرور و بارگذاری صفحات [...]

روش های وب‌‌‌ گردی و راهنمای وب‌‌‌ گردی
01 اردیبهشت

روش های وب‌‌‌ گردی و راهنمای وب‌‌‌ گردی

بازدید: 9439

استفاده از نرم‌افزار به‌عنوان یک سرویسمدل‌های شغلی استفاده از نرم‌افزار به‌عنوان یک سرویس (SaaS) سال‌های زیادی منتظر ارائه بودند. بهترین SaaSها مثل محصولات     Google Enterprise    و   Singals37 امروزه به‌ سرویس‌های عدی و معمول بدل شده‌اند. رقابت خیلی تنگاتنگ شده‌است! فناوری‌ها راحتر و با هزینه کمتر در دسترس هستند که به افراد کوچک امکان مبارزه با افراد بزرگتر را می‌دهند. در سال [...]

ویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئی
01 اردیبهشت

ویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئی

بازدید: 3732

دکمه های نامرئی یا‎ Ghost Button ‎تکنیک جدید است که در طراحی سایت استفاده می ‏شود. دکمه نامرئی یک المان شفاف و قابل کلیک است که میتواند در هرکجا از صفحه بکار ‏گرفته شود و با حفظ زیبایی سایت جلوی نمایش تصویر اصلی را نگرفته و عموما برای جلب ‏توجه کاربران و راهنمایی آنها به بخش های اصلی سایت استفاده می شود. باید در انتخاب ‏دکمه نامرئی و روش طراحی آن دقت شود تا اثرات منفی بر طراحی سایت و سئو سایت ‏نگذارد.‏از [...]