ملخص تقنية تصميم صفحات الويب - الوحدة الثالثة (الجزء الثالث)

2
CSS
1996Cascading StylesheetsCSS
‫ةةةةةة‬ ‫ةةة‬ ‫ةةةة‬ ‫ةةةةة‬:
1
2
3
4

3
CSS

HTMLHTML
HTMLCSS
50.%



4
CSS
1CSS.css.
2;
};background-color:black color:white{
3
}font-style:italic{
4
/*file Name:bader.css*/
5CSS

5
CSS
CSS
selector {property: value}

H1 { color: green }
H1H1
SelectorDeclaration{}.
H1HTMLPropertycolorValuegreen.
selectorHTMLbodypaproperty

6
CSS
 H1, P, BLOCKQUOTE { font-family:
arial}
H1PBLOCKQUOTEArial.
 B { color: blue}
B

7
HTML
<head>
<title></title>
</head>
<body>
<p><font face="Tahoma" color="#677393"
size="2"></font></p>
</body>
</html>

8
CSS
<html>
<head>
<title></title>
<style type="text/css" >
p {font: 13px Tahoma;
color: #677393;}
</style>
</head>
<body>
<p></p>
<p></p>
<p></p>
</body>
</html>

9
CSS
1HTML.
2HTML.
3inlineHTML.

10
1
HTML
.
HTMLHEADBODY.


type=“text/css”
type

11
2HTML
HTML

cssmystyle.cssCSSHTMLLINK.

12
mystyle.css
mystyles.css‫ااا‬ ‫اااا‬:
H1 { color: green; font-family: impact}
P {background: yellow; font-family:
courier}

13
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css"
href="mystyle.css">
</head>
<body>
<H1> </H1>
<p></p>
<p></p>
<p></p>
</body>
</html>

14
3INLINEHTML
inlineHTML.
HTMLstyle
inlineinline


15
INLINEHTML
<html>
<head>
<title>my first stylesheet</title>
</head>
<body>
<h1 style="color: orange; font-family:
impact">enjoy using css!!</h1>
<p style="background: yellow; font-family:
courier">tell me:do you find it easy?!</p>
</body>
</html>

16
..
PPinline
1INLINE.
2HTML
3

17
CSS
 H2 { color: red; margin: 10px;
font-family: times, serif }
 P { font-size: 16pt }
 P { font-size: 20px }
 P { font-size: large }
font-styleH3 { font-style: italic{
Obliqueitalicnormal.

18
CSS
font-weightP { font-weight: bold{

B { text-decoration: underline }
none:
A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }
A:linkA:activeA:visited:
<A HREF="http://arab-team.com">Link</A>

ملخص تقنية تصميم صفحات الويب - الوحدة الثالثة (الجزء الثالث)

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Similar to ملخص تقنية تصميم صفحات الويب - الوحدة الثالثة (الجزء الثالث)

Similar to ملخص تقنية تصميم صفحات الويب - الوحدة الثالثة (الجزء الثالث) (20)

More from جامعة القدس المفتوحة

More from جامعة القدس المفتوحة (20)

Recently uploaded

Recently uploaded (20)

ملخص تقنية تصميم صفحات الويب - الوحدة الثالثة (الجزء الثالث)