CSS ‫التعامل مع تنسيقات‬

CSS
CSS

CSS

{1 :1 ;2 :2 ; ……..}

Tahoma

h1
Tahoma 1 (font-family) 1
red 2 (color) 2
italic 3 (font-style) 3
CSS
h1 {font-family:Tahoma; color:red; font-style:italic;}
 :hover {1 :1 ;2 :2 ; ……..}

250px
img:hover{width:250px;}

:visited {1‫الخاصية‬:1‫ ;القيمة‬2‫الخاصية‬:2‫…… ;القيمة‬..}

a:visited {font-style:italic;}

❖
px,pt, %

border ❖
2px

border: orange double 2px;

CSS HTML
css html
head
html
<link rel=”stylesheet” href=”‫ اسم ملف التنسيق‬.css” type=”text/css”>

2
grey
th,td{ background-color:grey; }

class id
id

(h1)

abc abc

3
 class

cnt cnt

4
 :‫ املستخدمة لتنسيق عناصر صفحة االنرتنت‬Properties ‫أشهر اخلصائص‬

Font-size
Font-style italic
Font-weight Bold
Font-family
Color
Text-align
Line-height
Width
Height
Border
border-top
border-bottom
border-left
border-right
Background-color

Padding
padding-top
padding-right
padding-bottom
padding-left
Margin
margin-top
margin-right
margin-bottom
margin-left
Float ( right left

5
 2
formatting.css index.html .1

.2
20px ➢
Bold italic ➢
2 bh ➢
dotted 3px red st ➢
2px blue 5px ➢
solid

yellow . class .3•

# id •

6
 <div>
</div>

<div id= ></div> .1

<div class= ></div> .2

header
header
cars

7
 3
index.htm:
header .1
logo .2
formatting.css
500px width 50px height header .1
solid red 3px
50px width 50px height logo .2
dotted blue 3px