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

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

inline This is a heading This is a paragraph. 3

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

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

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 أنواع التنسيقات لمحتويات الصفحة

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

body{ margin : -20px 20px 10px 130px; background-color: # ; 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

#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

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