Aspiration WEBBERS Session 2 : CSS Prepared & Presented By: Mustafa Saeed & Muhammad Hesham WA
1. Reko Meet CSS 2. Reko Start write CSS code 3. CSS property 4. Demo
Cascading Style Sheets 2011
CSS selector { property : value ; }
Types of typing CSS Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8”> <title>CSS Styles</title> <link /> </head> rel="stylesheet" href="styles.css" External
<!DOCTYPE html> <html> <head> <meta charset="UTF-8”> <title>CSS Styles</title> <link /> </head> rel="stylesheet"href="styles.css" <style> </style> p { color: red ; } Internal
<!DOCTYPE html> <html> <head> <meta charset="UTF-8”> <title>CSS Styles</title> </head> <body> </body> Inline <p > Hello It’s me </p> style="color : red ; "
Strength Of Style
P { color: green ; } Strength of External
<link rel="stylesheet" href="reko.css"/>
External CSS styleInternal Style <style> </style> p { color: red ; }
Inline <p > Hello It’s me </p> style="color : red ; " ‫كود‬ ‫ليا‬ ‫انا‬ ‫ابنى‬ ‫يا‬ ‫ريكو‬ ‫يا‬ ‫شوف‬style‫تانى‬ ‫مكان‬ ‫فى‬ ‫موافق‬ ‫انا‬ ‫بس‬,‫موافق‬ ‫انا‬
class=“navDiv” .navDiv a .navDiv li
id=“right-menu”#right-menu
Background 1. Color 2. Image 3. Repeat 4. Attachment 5. Position
Color
Image
Repeat
Repeat X Repeat Y Repeat allNo Repeat
Attachment
Position ‫ستريت‬ ‫امشى‬
Shortcut
Demo
Any Questions
Contact : phmustafasaeed@outlook.com Muhammad.hesham7@outlook.com FB.com/groups/AWMSPCU17

Session 2 intro to Css