پاورپوینت آشنایی با CSS

پاورپوینت آشنایی با CSS (pptx) 16 اسلاید

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

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

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

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

CSS Content vs. Presentation اکثر برچسبها نوع محتوی را تعریف می کنند و کاری به نحوه نمایش ندارند. شیوه نامه یا style sheet نحوه نمایش را به یک سند منتسب می کند. CSS1 در سال 1996 توسط W3C توسعه داده شد. CSS2 در سال 1998 منتشر شد اما بطور کامل توسط همه مرورگرها پشتیبانی نشد. معمولا از شیوه نامه سندهای HTML به عنوان شیوه نامه آبشاری یاد می شود چون دارای سه سطح متفاوت است. شیوه نامه توکار به محتوی یک عنصر اعمال می گردد. شیوه نامه سند به بدنه سند اعمال می گردد. شیوه نامه خارجی می تواند به چندین صفحه اعمال شود. Understanding Style Rules مشخصه نمایش هر عنصر با یک قانون نمایش بیان می شود: شیوه نامه به مجموعه ای از قوانین نمایش گفته می شود. Understanding Style Rules هر قانون نمایش دارای دو قسمت است: یک انتخاب کننده و یک اعلان h1 {color: red;}. انتخاب کننده عنصری را که قانون به آن اعمال می شود را مشخص می کند. اعلان خاصیت و مقدار آنرا برای انتخاب کننده مشخص می کند. Selector Declaration Understanding Style Rules خاصیت یک مشخصه از عنصر را مشخص می کند. سپس علامت : قرار می گیرد. بعد مقدار آن خاصیت بیان می گردد. و در نهایت، یک علامت ; قرار می گیرد. P {color: red;} Property Value Inline Style Sheets می توان با استفاده از مشخصه styleنحوه نمایش یک عنصر را کنترل کرد. می توانیم داخل این برچسب دنباله ای از property:value را قرار دهیم. font-family:Courier,monospace font-style:italic font-weight:bold font-size:12pt font-size:large font-size:larger color:red color:#000080 background-color:white text-decoration:underline text-decoration:none text-align:left text-align:center text-align:right text-align:justify vertical-align:top vertical-align:middle vertical-align:bottom text-indent:5em text-indent:0.2in

This is a right-justified paragraph in a sans serif font (preferably Arial), with some green text.

And here is a formatted link.

view page Inline Style Sheets (cont.) مطالب بیشتر: margin-left:0.1in margin-right:5% margin:3em padding-top:0.1in padding-bottom:5% padding:3em border-width:thin border-width:thick border-width:5 border-color:red border-style:dashed border-style:dotted border-style:double border-style:none whitespace:pre list-style-type:square list-style-type:decimal list-style-type:lower-alpha list-style-type:upper-roman  

Here is an image  

one thing

or another




• with this
• or that


  view page Inline Style Sheets (cont.)  

Student data.

name	age
Chris Smith	19
Pat Jones	20
Doogie Howser	9

view page Document Style Sheets شیوه نامه توکار به عناصر متمایز صفحه اعمال می گردد. این کار ممکن است به ناهمگونی منجر شود. یعنی عناصر یکسان بصورت متفاوت فرمت شوند. باعث قاطی شدن محتوی و نحوه نمایش می گردد. یعنی فلسفه HTML زیر سوال می رود. اما، شیوه نامه سند اجازه می دهد که محتوی و نمایش به خوبی از هم جدا شوند. با استفاده از برچسب style قوانین نمایش در قسمت قرار می گیرند. این قوانین می توانندبه تمام عناصر یا زیرکلاسی از عناصر صفحه اعمال شود.