كل ماتريد معرفته عن ملف الستايل CSS

[SwoRDF!sH]

?????? ????? ????? ???? ??????? ...

???? ??? ????? ??? ??? ?????? ???? ?????? ????? ????? ??????? ?????? .

?????? ??? ??? ??? ???? ????? ??? ??????? ???? ?????? ???? ??????? ?? ????? ??????? ?? ????????? ???????? ???? ???????? ????? ??????? ????? ?? ????? ??? ????? ???????.

???? ??? ??????? ??????? ??????? ??? ???? ??????? ..

????? ??? ??? ????? ??????? ?? ??? ????? ...

كود: تحديد الكل

/* General font families for common tags */ 
font, th, td, p { font-family: Verdana, Arial, Helvetica, sans-serif } 
a:link, a:active, a:visited { color : #006699; } 
a:hover      { text-decoration: underline; color : #DD6900; } 
hr   { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

????? ??? ????? ????? ??????? ...

--------------------------------------------------------------------------------------------------

????? ????? ...

?? ??? ??? ??? ?????? /*.......*/ ??? ?? ????? ????? ??? ??? ??????? ???? ????? ???? ?????? ????? ??????? ???? (( ??????? ???? ????? )) ????? ??????? ?? ???.

???? ?????? ????? ??? ????? ?? ?????? ??????? .. ???? ????????? ????? ???html .

?? ???? ??? ?? ???? ???? .

-----------------------------------------------------------------------------------------------------


????? ?????? ...

كود: تحديد الكل

font, th, td, p { font-family: Verdana, Arial, Helvetica, sans-serif }

??? ????? ??? font ????? ?? ?? ?? ??? ??? ??? ????? (( ???? ??? html ????? ??????? ????? ??? ???? ??? ??? ?? )) ?? ???? ??????? ??? ???? ??????? ??????:

1- font-family: = ??? ???? ? ???? ???? ????? ?????? ????? ???? ??????? Verdana, Arial, Helvetica, sans-serif ??? ??????? (( ??? ?? ??? ???? ????? ????? ???????? ???? ?????? ????? ? ???? ??? ?? ???? Verdana ???????? ???? Arial ??? ???????)).
2- font-weight: = ??? ???? (( ????? ?? ????)) ? ????? ??????? bold ???? ???? ????.
3-font-size : = ??? ???? (( ????? ?? ???? )) ? ????? ??????? ????????.

????? ????? ???????:

كود: تحديد الكل

font { font-family: Verdana; font-size : 11px; font-weight : bold;}

???? ?? ???? ?? ??? Verdana ????? 11 ????? ????? .

??? ?????? ???? ??? .

----------------------------------------------------------------------------------------------------


????? ?????? ...

كود: تحديد الكل

a:link, a:active, a:visited { color : #006699; }

??? ????? ??? a ????? ?? ?? ?? ??? ??? ??? ????? (( ???? ??? html ?????)) ?? ???? ??????? ??? ???? ??????? ??????:

1- ???? ??? ???? ????? ?????? ????? (( ?? ???? ?????? ???????? ?????? ??? ?????? ????? ???? ????? ??????? )).

2- a:active = ???? ?? ??? ??????.
3-a:visited = ???? ??? ??????.
4- a:hover = ???? ???? ???? ?????? (( ??? ???? ??? ????? )).
5- color : ???? ????? ????? ?? ?? ???? ?? ??????? ?????.
6- text-decoration: = ???? ??? ???? ??? ?? ??? ?????? ??????? (( ??? ???? ??? ????? )).

?????? ????? ???????? ??????? ?? ?? ???? ?? ??????? ??????? ??? ????? ??? ?????? ?????:

كود: تحديد الكل

a:hover { color: #dd6900; text-decoration: underline; }

????? ?????? ?????? :
??? ???? ?????? ??? ?????? ??? ????? ???? ?????? ????? ???? ?? ??? ?????? ?? underline ???? ???? ?? .. ???? ?????? ?? ??????? ????? ????? ??????.

??? ?? ????? ?????? ?? ??? ???? ????? ???? ???? ??????? ????? ???? ?? ????? ???????.

?????? ????:

?? ????? ?? ?????? ???????? ???? ???? ????? ???????? ??? ??? ??????? ?? ????? ???? ??????? ... ????? ? ??? ?? .. ???.

---------------------------------------------------------------------------------------------------------

*******???? ??????? ???? ??? ?????? ???????? ?? ????? !!!!!!!!!!!!!!!!!!!!!!!!!

?? ???? ??? ???? ??? ?????? ?????? ??? ?????? ???? ???? ..

?? ????? ??? ???? ???????? ??? ???? ??? ????.


***********************************************************************

???? ??? ?? ????? ??????? ...

[align=center]??? ???? ?????? ??????[/align]

????? ?????? ??????? ????? ??? ??? ?????? ????? ??? ????? ?????? ..

?? ????? ?????? ????? ??????? ????? font ???? ??? ??? ??? ??? ??????? ????? ?????? ????? ???? ?????? ????? ??????? (( ???? )) ...

???? ?? ????? ??? ??????? ???? ??????? ??? ?????? ?? ??? ?????? ?? class ...

????????? ???? ???? ????? ??? ??? ????? ??????? ????? ??? ???? ...

??? ????? maintitle. ??? ??? ???? ????? ??????? ?? ??? ??????? ???? ?????? ??????? ???? ??? ??????? ?????? ?????? ?????? (( ??? ?? ???? ??????? ?? ???? ??????? ?? ????? )).

??? ???? ????? ?????? ?? ??? ??????? ?

?????? ????? ????? ?? ??? ???? ??????? ?? ??? ??? ??????? ????? ?? ????? ?? ?????? ????? ????? ??? ???? ?????? ??? ????? ????? ???? ?????? Main ? Title ???? ??????? ???????.

????? ????????? ??? ??? ?? ????? ??? ????? ???? ?? ?????? ?????? ?????????? ?? ??? ???????? ???? ???? ???? ??? ?? ???? ?????? ?????.

???? ?? ???????? ????? ???? html ??? ??? <font> ??

??? ???? ??? ???? ??????? ???????? ?????? ?? ??? ??????? :

كود: تحديد الكل

.mohammed    { font-weight: bold; font-size: 12px; color : #0cdedd; }

???? ?? ???? ??? ???????? ?? ????????? ?? ????? ????? ?? ????? ?????? ????? ?????.

??? ?? ????? ??????? ??? ????? ?? ??? ??????? :

كود: تحديد الكل

<span class="mohammed">???? ????? </span>

????? ??? ????? ?? ?????? ??? ???? ?? ????? ?? ???? ?? ???? ????? ???? ??????

???? ?????? ??? ????? ?????? ??????? ???? ??? ????? ??????:

كود: تحديد الكل

a.mohammed { text-decoration: none; color : #006699; }
a.mohammed:hover  { text-decoration: underlined; color : #0FFFFc; }

??? ????? < a > ??? ??? ????? ?? ??? html ???? ?????? ????? ?? ??? ????? ??? ????? ????? ??? ????? ????? ????? (( ???? ?? ???? ??? <font> ??? ??? <table> ??? ???? ?? ???? ????? ??? ???? ?????? ?????? )) ???? ??? ???? ?????? ???? ????? ? ???? ?? ??? ???????? ??? ????? ??????? ????? ????? ?? ????? ?? ?? ???.

??? ?? ?????? ????? ????? ????? ??????? hover ???? ?????? ??? ?????? ??? ???? ?????? ???? ???? ????? ?? ????? ????? ?? ????? ???? ?????? ????? ????.

????? ??????? ?? ??? ??????? ??? ????? ??????:

كود: تحديد الكل

<span class="mohammed"><a href="http://www.mbbplus.com/" class="mohammed">???? ????? </a>

????? ???? ??????? ?? ????? ?????? ???????? ...

????? ???? ?? ???? ????????? ?? ??? ??????? ???? ???? ?????

???????? ?????? ....

?? ????? ??? ???? ???????? ??? ???? ??? ????.

[AC]

?????? ????? ????? ????

????? ???? .... ??? ???? ??

??????

[TheIlluminative]

????? ??? ? ???? ??? ????????? ?? ????? ????????? ? ?????? ??????? ???? ????? ???? ??????? ?? ??? ??????? ??? ????? css ????????...

??????

[php4arab]

?????? ?????



?????
????????????????????????

[SwoRDF!sH]

?????? ?????

???? ????? ?????? ????? ??? AC ??? ??????? .

?????? ??????? ???? ????? ???? ??????? ?? ??? ??????? ??? ????? css ????????...

???? ?!
?? ?? ???? ????? ????? CSS ????? ????? ?????? ???????? ?????? HTML ???????? ?? ???? ???? ????????? ?????? ??? ?????? ???????? + ????? ??? ?????? ??????? ..

XHTML ? CSS ??? ??????? ???????? ????? ?????? W3 ???? ????? ????? ?? ??????? ???????? ???? ????????? ..

????? ???? ????? ????? ??? ??????? ?? phpbb ???? ?? ???? ????????? ????? ????? ???? ?????? ?????? ?? ????????? ?? ????? CSS ??????? ?? ??? XHTML ???? ?????? ???????? ???? ??????.

???? ??? ???? phpbbarabia ?????? ???????????.

??? ???? ?????? ???? ????? ??? ??? ??????? ..

[عمر]

??????? SwoRDF!sH

????? ?? ????? ?? ??? ??? CSS ????? ????? ???? ?? ??? ??? ??? ???? ??? ??????? ? ??????? ( ?? ??? ??????? ???? ! ) ?????? ??????? ????.. ???? ??? ??????? ..


????? ??? ??????

[SwoRDF!sH]

???? ??? ????? ?? ????? ??? ?????? ?????? ??? ??????? ? ???? ?????? ?????? ?? ??? ??? ?? ?????? ? ????? ???? ????? ??? ????? ?????? Trial and Error ???? ???? ?? ?? ???? ?????? ???? ??????? ??????? ?????? ..

http://w3schools.com

??? ???? ???? ???? ???? ????? ?? ?????? ?????? ..

[Xx JustMe xX]

??? ??? ?? ??? SwoRDF!sH,

?????? ??????? ????? ?????? ?? ????? ????? ???? ?? ??? CSS

[SwoRDF!sH]

???? ??? ???? ?????? ? ????? ?????? ??? ???? ??? ?????? ??????.

?????? ????? ??????? ??????.

[صمت الحروف]

??? ?????? ??? ???? ???????? ????????


????? ???? ??? ?????? ???? ??????? ???? (?????? ?????? ???????....)?????? ?????? ??????

?????? ????? ????

????? ??????

[babystar]

??? ????? ??? ???? ???? ???? ?? ???? ?????? ?? ????????

???? ????? ?????????


????? ???? ??? ???? ??? ??????? phpbbarabia