CSS Tutorial

ee u
 •


k (Selector)

• •

in 
ee ek
ee

•

ii
ee

• •


ee k
ee gun

•


ee n

• •


ee kk
ee 


•


ee 

• •


ee
s
ee


•


ee 

• •


ee p я
ee 
я 

•


ee !

• •


ee " ID # Class


ee (CSS) CSS)
u
  | 
 $ #: #  %& '#

' 
я web designing e %k) u * u
n)  ) ,i Cascading Style Sheets (CSS) e 
l i। e$ * 
/0
ee u
! 12 ',   /।
ee e #*# web site e 3 4
d   6!।
ee e #*# 6
7! 
12 /--1
ee e #*# ei,e#e e 9) :4 ) я ' o %4
<n   6!। 2
?2
ee  
)   m20  web site e restyle   6!। ' stylesheet (6$ '
 12
$)  m20  ei,e#e documents /) 4A / 6$ '

ee and ei,e#e e %k) aя   )  । ' e A  i !
ee  $ '1 a i ei,e#e mn 0 я) /।webcoachbd.com e u
!12
 E '

ee
$)  ।


ee
k
u
 (
u
 ( CSS Sel ect or )

$ #: #  %& '#


ee
k 
ee e F%
n  /!। ) 
%  , 6  ei,e#e ei#n  '

0
ee  e A m4k  । a)e )% ( CSS selectors) mn 0 *  A) /।
ee
k e 1H: SELECTOR { PROPERTY: VALUE } "Property" / e# e
ee e
#n 6 '
 ic#) 
,  )  । ' "VALUE" /, 6

% < property #
%  ।
ee Selector Name: selector name d  ei,e#e 1 e A  
m 9) :   6! 6 '
 ic26!: m%  )  । p { PROPERTY: VALUE } selector name
/ p d  paragraph tag 
%  ?।

i  
ee
u
  ( I nt er nal CSS) $ #: #  %& '#

Cascading Style Sheets $
) *  '? 6# - internal, external e inline। 6$ '  in 
ee /   )$ a i e )2  1 61  ) / 6 /c 05. 06. 07.

Your page's content!

08. 09.

e#) as! я )2 
?2 %$ । ei style 1  2*2 buя   6 )  ei я )2 
?2 CSS element 61  ) 6c ।

i  
ee " # $% &: $% &:

HTML code e #)  CSS code $ /! , 6 aA ei %E! CSS 6 HTML e #) !।
, u%/  %! /। 01. 02. 03. 07. 08. 09.

White text on a blackbackground!

10. 11.

p%  : White text on a black background! u u%/  '  %$? CSS code e #*# and

HTML tags e e
#n 

) ) /! 1?।

 ( 
ee )  "HTML tag" { "CSS Property" : "Value" ; }

•


7! 
s  ) * * %$ 6
0
ee 
%! ei,e#e e
#n 

) ) /! 1?।

pA# e ei,e#e e
#n ?i 
? 6
! '#  я 
? - p{ : ; } )  CSS attribute color
, 
? - p { color: ; }  Value
/ '#  n e color
, 
? - p { color: white; } e   
 /!? paragraph tag e #* a
s)  $ % /! 1? ।

•

e$ '#  ',  
ee 
0 1 background  
)   ?।

pA# e HTML Body element ?i 
? - body { : ; }

)  CSS attribute, background-color
, 
? - body { background-color: ; } CSS attribute background-color e 
, 
? - body { background-color: black; } a #! %$ 6 6
ee si p!1    o ) p%   ?  )$ '#% 6
7! k $) ) / '# 
ee attribute e   e
ee attribute e 02  
# N #)
%!?
 { CSS attribute : value;}।

ek + 
ee ( Ext er nal CSS) $ #: #  %& '#

,! 0 /! 6
% ' 
ee  ei,e#e /) 4A $।ek
ee i *2 #2 t
ee code *   e ei i ".css" i extension
%! 0   /!।
ee i