Presentation is loading. Please wait.

Presentation is loading. Please wait.

تقنيات الإنترنت وبرمجة الويب “ العملي “ أ. غادة الرواشدة 1 CSS Cascading Style Sheets.

Similar presentations


Presentation on theme: "تقنيات الإنترنت وبرمجة الويب “ العملي “ أ. غادة الرواشدة 1 CSS Cascading Style Sheets."— Presentation transcript:

1 تقنيات الإنترنت وبرمجة الويب “ العملي “ أ. غادة الرواشدة 1 CSS Cascading Style Sheets

2 CSS can be added to HTML in the following ways: Inline - using the style attribute in HTML elements Internal - using the element in the section External - using an external CSS file 2

3 inline This is a heading This is a paragraph. 3

4 body {background-color:#d0e4fe;} h1 {background-color:red;} p {background-color:green;} This is a heading This is a paragraph. 4 internal

5 This is a heading This is a paragraph. body {background-color:#d0e4fe;} h1 {background-color:red;} p {background-color:green;} 5 external

6 body { background-color: #FFCC66; background-image: url("butterfly.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: right bottom; } h1 { color: #990000; background- color:#FC9804; } body { background: #FFCC66 url("butterfly.gif") no- repeat fixed right bottom; } 6 أنواع التنسيقات لمحتويات الصفحة

7 . p { font-style: italic; font-weight: bold; font-size: 30px; font-family: arial; } 7

8 body{ margin : -20px 20px 10px 130px; background-color: #181818 ; background-image: url("soon.jpg"); background-repeat:repeat; background-attachment:scroll; background-position: top left;} #container{width:1100px;} #header{ background-color:#CC9933; margin-bottom:-22px; color:#000000; text-align:center;} 8

9 #menu{background-color:#DEB887 ; height:555px; width:150px; float:left;} #content{ background-color:#ffffff; height:555px; width:950px; float:left;} #footer{ background-color:#CC9933; clear:both; text-align:center;} 9

10 Main Title of Web Page Menu HTML CSS JavaScript Content goes here Copyright © W3Schools.com 10


Download ppt "تقنيات الإنترنت وبرمجة الويب “ العملي “ أ. غادة الرواشدة 1 CSS Cascading Style Sheets."

Similar presentations


Ads by Google