صفحه محصول - پاورپوینت کارگاه آموزشی توسعه وب بخش دوم - CSS

پاورپوینت کارگاه آموزشی توسعه وب بخش دوم - CSS (pptx) 35 اسلاید

دسته بندی : پاورپوینت

نوع فایل : PowerPoint (.pptx) ( قابل ویرایش و آماده پرینت )

تعداد اسلاید: 35 اسلاید

قسمتی از متن PowerPoint (.pptx) :

کارگاه آموزشی توسعه وب بخش دوم - CSS نسخه 1 تعاریف CSS چیست ؟ CSS چیست؟ CSS یا Casacading Style Sheets یک استاندارد قالب بندی ظاهری اسناد است. معمول ترین استفاده CSS برای قالب بندی اسناد وب (HTML) منظور می شود. با پیچیده شدن وب ها، تصمیم بر آن شد تا محتوا از قالب بندی تفکیک شود و توسعه وب تسهیل گردد. CSS سه نسخه اصلی دارد: CSS 1: در سال 1996 توسط W3C استاندارد شد. CSS 2: در سال 1998 توسط W3C استاندارد شد و هنوز به عنوان استاندارد بکار می رود. CSS 3: هنوز در دست توسعه توسط W3C است. CSS به دلیل امکان استفاده مجدد، به شدت توسعه وب را ساده و سریع می کند. همچنین قالب بندی صفحات با استفاده از آن در قالب تیمی مقدور خواهد بود. CSS از طریق انتخابگرها قالب بندی را سرعت می بخشد. همچنین از موتور انتخابگر CSS در کاربردهای دیگر بهره فراوان برده می شود. اصطلاحات Layout Engine: برنامه ایست در کاوشگرها که سند HTML و فایل CSS را دریافت کرده، خروجی گرافیکی بر روی صفحه تولید می نماید. Selector Engine: موتوریست بر روی کاوشگر که زیرمجموعه ای از برچسب های HTML را انتخاب می کند. CSS Syntax CSS گرامر بسیار ساده ای دارد، با چند مثال آنرا بررسی می کنیم: Template: Selection { Property: value; Property: value; //Comment /*Comment */ } Example: div.main { background-color:#777777; border-width: 1px; border-style: solid; font-family: ‘Tahoma’; } CSS Syntax (ادامه) CSS جزئیات گرامری مختلفی نیز دارد که در طی این ارائه با آنها بیشتر آشنا خواهیم شد. در سه جای مختلف می توان از CSS استفاده کرد: فایل های CSS: می توان CSS را در فایلی جداگانه نوشت و آنرا در HTML افزود. برچسب های Style در داخل فایل HTML: می توان با افزودن برچسب Style در Head یا Body یک سند، CSS تعریف کرد. صفت Style برای برچسب ها: می توان در یکی از صفتهای هر برچسب، CSS آنرا تعریف کرد. در این حالت دیگر انتخابگر مطرح نیست و قالب بندی تنها برای آن برچسب اعمال می شود. سه نوع تعریف CSS می توانند همزمان باشند. اولویت آنها به ترتیب افزایش می یابد. استفاده از حالت سوم (Inline CSS) توصیه نمی شود و جدابودن محتوی از قالب را زیر سوال می برد، اما در جاهای خاصی استفاده از آن کار را راحتتر می کند. مثال نحوه های استفاده تعریف در فایل CSS جدا و استفاده از آن در HTML: //SomeFile.css input[text] { width:200px; background-color:#000000; border:solid 0px; } مثال نحوه های استفاده (2) تعریف CSS در بدنه سند HTML: مثال نحوه های استفاده (3) تعریف CSS در صفت یک برچسب: