session 2 intro to css
Post on 12-Apr-2017
79 Views
Preview:
TRANSCRIPT
Aspiration WEBBERSSession 2 : CSS
Prepared & Presented By: Mustafa Saeed & Muhammad Hesham
WA
1.Reko Meet CSS2.Reko Start write CSS code3.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
Background1. Color
2. Image3. Repeat4. Attachment5. Position
Color
Image
Repeat
Repeat X Repeat Y
Repeat all No Repeat
Attachment
Position
ستريت امشى
Shortcut
Demo
Any Questions
Contact : phmustafasaeed@outlook.com
Muhammad.hesham7@outlook.com
FB.com/groups/AWMSPCU17
top related