Session 2 intro to Css

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

CSS
selector
{
property : value ;
}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8”>
<title>CSS Styles</title>
<link />
</head>
rel="stylesheet" href="styles.css"
External

<!DOCTYPE html>
<html>
<head>
<link />
</head>
rel="stylesheet"href="styles.css"
<style>
</style>
p {
color: red ;
}
Internal

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
Inline
<p >
Hello It’s me
</p>
style="color : red ; "

P {
color: green ;
}
Strength of External

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

Repeat X Repeat Y
Repeat allNo Repeat

Position
‫ستريت‬ ‫امشى‬

Contact :
phmustafasaeed@outlook.com
Muhammad.hesham7@outlook.com
FB.com/groups/AWMSPCU17

Session 2 intro to Css

More Related Content

What's hot (20)

Similar to Session 2 intro to Css (20)

More from Muhammad Hesham (7)

Recently uploaded (20)

Session 2 intro to Css