css چیست؟
CSS یا Cascade Style Sheets یک نوع زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است.
زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد CSS .
زبانی است که توسط آن قادر خواهید تا استیل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید. به عنوان مثال میتوان گفت . تصور کنید که سایت شما شامل 50 صفحه استاتیک می باشد و تمام انهارا به زبان HTML نوشته اید. بعد از یک هفته تصمیم گرفته اید تاسایز فونت تمام کلمات را کمی بزرگتر کنید. گفتن اینکه سایز فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی آیا در عمل تغییر 50 صفحه نیز به همان راحتی خواهد بود؟ قطعا نه. در اخر میتوان گفت که، استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود، تغییرات آتی را آسان می کند و همچنین دید شما را بیشتر به طراحی بازتر می کند تا بتوان به راحتی با کدهای برنامه نویسی برخورد کرد.
.jpg)
با CSS چه کارهایی می توانیم انجام دهیم؟
• ایجاد تغییرات در موقعیت قرارگیری اجزای صفحه
• مشخص کردن فونت
• مشخص کردن فاصله ها تا حاشیه و اجزای صفحه
• مشخص کردن عکس پس زمینه
• مشخص کردن چپ چین و راست چین بودن سایت
• مشخص کردن طول و عرض
• مشخص کردن رنگ پیش زمینه و پس زمینه
(2).jpg)
در این جا نکاتی را در مورد سی اس اس برای شما بیان می کنیم
• می توانید هرکدام از تگ ها را با علامت , از هم جدا کرد
• دستورات وارده حتما باید بین علامت {} قرار بگیرد و همچنین پس از نوشتن دستور با قرار دادن : مقدار آن را تعیین کنید.
• می توانید دستورات
• نوشته شده را پشت سرهم نوشته به شرطی که بین آنها با علامت ؛ از هم جدا شود.
سه روش برای اضافه کردن CSS به صفحه:
• سبک درون خطی
• CSS خارجی
• CSS داخلی
برای سهولت درکار موتور های جستجو سعی شود از انیمیشن های فلش و یا تگ های span بوسیله css ، کمتر استفاده شود. با استفاده از css از دوباره نویسی کدهای HTML که باعث دیر بالا امدن صفحه میشود جلوگیری کنیم.
.png)
اشتراک گذاری در :
مقالاتی که پیشنهاد می شود بخوانید
الگوریتم گوگل پنگوئن چیست - بررسی الگوریتم جدید گوگل
بازدید: 1532
گوگل پنگوئن از تاریخ 24 آپریل 2012 (5 اردیبهشت ماه سال 1391) منتشر شده است. هدف از این الگوریتم حذف سایت هایی که از روش های ایجاد لینک استفاده می کنند از نتایج گوگل است. بر اساس تخمینی که گوگل ارائه داده است این نسخه جدید بر روی 3.2 درصد سایت های انگلیسی و 3 درصد سایت ها به زبان های دیگر تاثیر گذاشته است. سایت هایی که بر اثر این نسخه جدید از نتایج جستجو حذف میشوند می توانند از طریق ابزار مدیر سایت گوگل درخواست بازبینی بدهند. [...]
اینفوگرافیک چیست و کاربرد اینفوگرافیک در طراحی سایت چیست؟
بازدید: 3105
اولین اینفوگرافیک ها را می توان در نگاره های داخل غار انسان های نخستین یافت. با گذشت زمان و پیشرفت بشر ، اینفوگرافیک ها جنبه علمی تر و کاربردی تری به خود گرفتند . به گونه ای که اواخر سال 1400 میلادی لئوناردو داوینچی برای بیان ایده ها و تشریح مسائل علمی خود از اینفوگرافیک استفاده نمود. یکی از نخستین اینفوگرافیک های مدرن و کاربردی ، در کتاب اطلس سیاسی و تجاری ویلیام سیلوستر مورد استفاده قرارگرفت. این کتاب توسط [...]
در راه اندازی یک وب سایت چه نکاتی را می بایست مد نظر قرار دهیم؟
بازدید: 1709
قبل از طراحی سایت باید به نکات زیادی توجه کرد که در فرآیند طراحی وب سایت مورد استفاده قرار خواهند گرفت. یک برنامه و طرح یک نقشه درست برای طراحی سایت و پیش بینی نیازها می تواند شما را در رسیدن به هدف، نزدیکتر و هزینه ها را به شدت کاهش دهد.نکاتی که پیش از طراحی سایت باید بررسی و رعایت نماییم؟1-هدف از طراحی وب سایت2-فرآیند هایی که وب سایت می بایست از آنها حمایت کند3- چه محتوا، متن [...]
ابزارها و وب سایتهای برای تست وب سایتهای طراحی شده در موبایل
بازدید: 1979
با توجه به تنوع زیاد وسایل استفاده کننده از اینترنت مثل موبایل ، تلویزیون های هوشمند ، تبلت و ... در طراحی سایت و سئو سایت سازگار با تمامی وسایل بسیار مشکل خواهد بود یکی از مهمترین مشکلات عدم دسترسی به تمام وسایل و مدل ها برای تست های واقعی است.با توجه به این چالش بزرگ شبیه سازهای بسیار مختلفی برای تست و بررسی وب سایت ها در وسایل مختلف ساخته شده است. خوشبختانه شبیه سازهای موبایل انجام این کار را [...]
نقش طراحی سایت واکنش گرا در سئو سایت و بهینه سازی وب سایت شما
بازدید: 2408
طراحی سایت واکنش گرا چرا برای سئو سایت و بهینه سازی وب سایت شما مهم و موثر می باشد؟ طراحی سایت واکنش گرا یا Responsive web design که بطور خلاصه به آن RWD نیز گفته می شود، شامل مجموعه ای از تکنیک های پیچیده که اجازه می دهد تا وب سایت خود را برای انطباق با هر اندازه صفحه نمایش طراحی نمائید و محتوای سایت شما در یک فرم و شکل بدون به هم ریختگی به راحتی قابل خواندن و پیمایش برای کاربران باشد.با توجه به استراتژی های جدید موتورهای [...]
افزایش سرعت سایت با mod_pagespeed گوگل برای Apache
بازدید: 1643
افزایش سرعت سایت با mod_pagespeed گوگل برای Apacheتوسعه دهندگان نرم افزاری شرکت گوگل از دو سال پیش شروع به ساخت ماژول mod_pagespeed برای آپاچی (Apache) کرده‌اند که با استفاده از آن در سرور سایت خود بدون نیاز به هیچ گونه تغییراتی در محتوای سایت خود می‌توانید سرعت سایتهای خود را تا حد زیادی افزایش دهید و همان طور که می‌دانید یکی از نکات ضروری در مورد سئو و بهینه سازی سایت‌ها نیز همین سرعت پاسخگویی سرور و بارگذاری صفحات [...]