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