WP-CSS by Tanbircox PDF

Want more Updates  http://facebook.com/tanbir.
ebooks
CSS টিউিটিয়াল (প্রাথটিক ধািণা ও সহজ একটি প্রজজক্ট)

HTML এক ক HTML
‚ HTML ক কক আ CSS ক ক ‛
CSS ক এ ক ?
 এ এ Cascading Style Sheets
 HTML ক ক ( ) ক ক ক
 HTML এ CSS ক ক
 CSS এ ক আ আ HTML এ ক ক ক
 CSS এ ক এক ক
facebook /gmail/skype: - http://tanbircox.blogspot.com

Want more Updates  http://facebook.com/tanbir.ebooks
এক এ এ HTML
<html>
<head>
<style type="text/css">
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h1>CSS example!</h1>
<p>This is a paragraph.</p>
</body>
</html>
এ , <style type=‛text/css‛> “. </style> এ এ এ ক

CSS এ ক ( : , )
/*“*/ এ -
/*This is a comment*/
p
{
text-align:center;
/*This is another comment*/
color:black;
font-family:arial;
}
ক ক id এ # id’
-
#para1
{
text-align:center;
color:red;
}
HTML ক এএ ক ক :
<p id="para1">Hello World!</p>
এক class এ . class এ
CSS এ
p.center
{
text-align:center;
}
HTML ক এএ ক ক :
<p>This paragraph will be center-aligned.</p>
<html>
<head>
p.center

{
text-align:center;
}
</style>
</head>
<body>
<h1>This heading will not be affected</h1>
<p>This paragraph will be center-aligned.</p>
</body>
</html>
১. এ এ ক ক
২. ক ক
৩.
ক এ এ ক .css ক
ক এক এ এ mystyle.css mystyle.css ক আ
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
এ ক ক html ক
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
ক এ এ ক ক ক ক
ক
এক ক HTML CSS ক <style type=‛text/css‛> “ </style>

এ CSS ক
<head>
<style type=‛text/css‛>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(‚images/back40.gif‛);}
</style>
</head>

এ এ ক ক ক এ আ
<p style=‛color:sienna;margin-left:20px‛>This is a paragraph.</p>
এক ক ক এ ক ক ক
ব্যাগ্রাউন্ড টিক্সজিি টিজাইজন আনু ন নতুন িাত্রা

এ এ ক ক এ ক
আ ক ক
আ ক ক ক এ এ ক :
h1
{
background-color:#6495ed;
}
p
{
background-color:#e0ffff;
}
div
{
background-color:#b0c4de;
}
ক ক :
<html>
<head>
h1
{
background-color:#6495ed;
}
p
{

background-color:#e0ffff;
}
div
{
background-color:#b0c4de;
}
</style>
</head>
<body>
<h1>CSS background-color example!</h1>

<div>
This is a text inside a div element.
<p>This paragraph has it's own background color.</p>
We are still in the div element.
</div>
</body>
</html>
body {background-image:url(‘paper.gif’);}
আ ( ) ,

body
{
background-image:url(‘img_tree.png’);
background-repeat:no-repeat;
background-position:top right;
}
body
{
background-image:url(‘img_tree.png’);
}
Property Description Values CSS
background-color
background-image
Sets all the background properties in
Background background-repeat background- 1
one declaration
attachment background-position
inherit
scroll
background- Sets whether a background image is
fixed 1
attachment fixed or scrolls with the rest of the page
inherit
color-rgb
color-hex
background-color Sets the background color of an element color-name 1
transparent
inherit
url(URL)
background- Sets the background image for an
none 1
image element
inherit
top left
background- Sets the starting position of a
top center 1
position background image
top right

center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
inherit
repeat
repeat-x
background- Sets if/how a background image will be
repeat-y
repeat repeated
no-repeat
inherit
এব্াি আিিা টদখজব্া টলখাি টসৌন্দর্য ব্ৃ টিি ঩িটত
h1 {text-align:center;} /* */
p.date {text-align:right;} /* */
p.main {text-align:justify;} /* */
ক
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
p {text-indent:50px;}

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
এ আ ক আ ক আ ক আ এ
এ ক ক
সু ন্দি সু ন্দি ব্ক্স িজিল
এ ক এ এ এ আ ক
এ এ এ এ এ আ এ
আ ক ক এ এ এ
ক ক ক
width
border , ক
padding ক আ
margin
width, padding, margin padding
এ ক ক
ক
box {
width: 200px;
border: 10px solid #99c;
padding: 20px;
margin: 20px;
}

এ ক :
border-style
border-width
border-color
margin-left
margin-right
margin-bottom
margin-top
padding-left
padding-right
padding-top
padding-bottom
এ ক
body{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;

padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
<div class="info">Info message</div>

<div class="success">Successful operation message</div>
<div class="warning">Warning message</div>
<div class="error">Error message</div>
আ এ ক আ

টব্টি টকছু না, টসএসএস (CSS) ১০টি টি঩স টদখুন
১. িিয হযান্ড টকাটিিং

ক এ ক -
/* MARGIN */
h1 {margin:1em 0 2em 0.5em;}
h1 {margin-top:1em;
margin-right:0;
margin-bottom:2em;
margin-left:0.5em;
}
/* BORDER */
h1 {border:1px solid #000;}
h1 {border-width:1px;
border-style:solid;
border-color:#000;
}
/* BORDER WIDTH */
h1 {border-width:1px 2px 3px 4px;}
h1 {border-top-width:1px;
border-right-width:2px;
border-bottom-width:3px;
border-left-width:4px;
}
/* BACKGROUND */
div {background:#f00 url(background.gif) no-repeat fixed 0 0;}
div {background-color:#f00;
background-image:url(background.gif);
background-attachment:fixed;
background-position:0 0;

}
/* FONT */
h1 {font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;}
h1 {font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:"Lucida Grande",sans-serif;
}
/* LIST STYLE */
ul {list-style:square inside url(image.gif);}
ul {list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
}
/* OUTLINE */
h1 {outline:#f00 solid 2px;}
h1 {outline-color:#f00;
outline-style:solid;
outline-width:2px;
}
id ক #এ class ক . এ ক
ক আ আ : , ক এ এ
div ক

এ এ ক
FireFox Web Developer, DOM Inspector, Internet Explorer Developer Toolbar, and Firebug.
আ ক ক ক !important কএ -
.page { background-color:blue !important; background-color:red;}
এ এ ক
a, input {
outline:none;
}
ক ক ক
a:link {
color: #000;
text-decoration: underline
}
a:visited {
color: #666;

}
a:hover {
color: #333;
text-decoration: none;
}
a:active {
color: #333;
text-decoration: none;
}
a, input {
outline:none;
}
h1, h2, h3, h4, h5, h6 {

font-family:arial;
margin:0.5em 0;
padding:0;
}
ক ক ক

ইন্টািজনি হজত সিংগ্রহীত
 http://techtunes.com.bd/tuner/tanbir_cox
 http://tunerpage.com/archives/author/tanbir_cox
 http://somewhereinblog.net/tanbircox
 http://pchelplinebd.com/archives/author/tanbir_cox
 http://prothom-aloblog.com/blog/tanbir_cox
http://facebook.com/tanbir.cox
http://facebook.com/tanbir.ebooks
http://tanbircox.blogspot.com

আপনি যযহ঵তু এই য঱খা পড়হেি , তাই আনম ধহর নিনি যয আপনি কনিউটার ও ইন্টারহিট বযব঵াহর অনভজ্ঞ ,কাহেই কনিউটাহরর প্রহয়ােিীয়
নব঳য় গুহ঱া ঴িহকে ভাহ঱া খারাপ নবহবচিা করারা ক্ষমতা অবশ্যই আহে …
তাই আপিাহের কাহে একান্ত অনুহরাধ “ আপিারা ঴ামান্য একটু ঴ময় বযয় কহর ,শুধু এক বার নিহচর ন঱িংহক নিক কহর এই DVD গুহ঱ার মহধয
অবনিত বই ও ঴ফটওয়যার এর িাম ঴মূহ঵র উপর যচাখ বুন঱হয় নিি।”তা঵হ঱ই বুহে যহবি যকি এই DVD গুহ঱া আপিার কাহ঱কলহি রাখা
েরকার!আপিার আেহকর এই বযয়কৃত ঴ামান্য ঴ময় ভনবষ্যহত আপিার অহিক কষ্ট ঱াঘব করহব ও আপিার অহিহক ঴ময় বাাঁনচহয় নেহব। নবশ্বা঴
করুি আর িাই করুিঃ- “নবনভন্ন কযাটাগনরর এই DVD গুহ঱ার মহধয যেওয়া বািং঱া ও ইিংন঱ল বই , ঴ফটওয়যার ও নটউহটানরয়া঱ এর কাহ঱কলি
যেহখ আপনি ঵তবাক ঵হয় যাহবি !”
আপনি যনে বতেমাহি কনিউটার বযব঵ার কহরি ও ভনবষ্যহতও কনিউটার ঴াহে যুক্ত োকহবি তা঵হ঱ এই নিনভনি গুহ঱া আপিার অবশ্যই আপিার
কাহ঱কলহি রাখা েরকার........ কারিঃ
 এই নিনভনি গুহ঱া যকাি যোকাহি পাহবি িা আর ইন্টারহিহটও এহতা ইিরটযান্ট কাহ঱কলি এক঴াহে পাহবি বহ঱ মহি ঵য় িা।তাোড়া এত বড়
঴াইহের ফাই঱ যিট যেহক িামাহিা খুবই কষ্ট঴াধয ও ঴ময়঴াহপক্ষ বযাপার।এোড়া আপনি যযই ফাই঱টা িামাহবি তা ফু঱ ভা঴েি িাও ঵হত পাহর ..
 এই নিনভনি গুহ঱া আপিার কাহ঱কলহি োকহ঱ আপিাহক আর যকাি কনিউটার নবহল঳জ্ঞহের কাহে নগহয় টাকার নবনিমহয় বা বন্ধুহের খানতহর
“ভাই একটু য঵ল্প করুি” বহ঱ অন্যহক নবরক্ত করা ঱াগহব িা ... ও নিহেহকও ঵য়রানি ঵হত ঵হব িা ।
 এই নিনভনি গুহ঱ার মহধয অবনিত আমার করা ৩০০ টা বািং঱া ই-বুক (pdf ) ও যোট ঴াইহের প্রহয়ােিীয় ঴ফটওয়যার আপিাহের েন্য
নবিামূহ঱য আমার ঴াইহট যলয়ার কহর নেহয়নে । নকন্তু প্রহয়ােিীয় বড় ঴াইহের বই, নটহটানরয়া঱ ও ফু঱ ভা঴েি ঴ফটওয়যার গুহ঱া যলয়ার ঴াইট
গুহ঱ার ঴ীমাবদ্ধতা ও ইন্টারহিহটর যলা আপহ঱াি গনতর েন্য যলয়ার করহত পার঱াম িা । তাোড়া এই বড় ফাই঱ গুহ঱া িাউিহ঱াি করহত যগহ঱
আপিার ইন্টারহিট পযাহকহের ক নেনব খরচ করহত ঵হব ... যযখাহি ১ নেনব পযাহকে েন্য ঴বেনিম্ন ৩৫০ টাকা যতা খরচ ঵হব , এর ঴াহে
঴ময় ও ইন্টারহিট গনতরও একটা বযাপার আহে। এই ঴ব নব঳য় নচন্তা কহর আপিাহের েন্য এই নিনভনি পযাহকে চা঱ু কহরনে ...
যমাট কো আপিাহের কনিউটাহরর নবনভন্ন ঴মস্যার নচরিায়ী ঴মাধাি ও কনিউটাহরর েন্য প্রহয়ােিীয় ঴ব বই, ঴ফটওয়যার ও নটউহটানরয়া঱ এর
঴ানবেক ঴াহপাটে নেহত আমার খুব কাযেকর একটা উহেযাগ ঵হি এই নিনভনি পযাহকে গুহ঱া ...
এই ক ক ... শুধু একবার যচাখ বু঱াি

 http://tanbircox.blogspot.com/2013/07/My-DVD-Collection-4-U.html
[যমাট দুইটা নিনভনি , ঴াইে ৯ নেনব] আপিার নলক্ষােীবহির েন্য প্রহয়ােিীয় ঴ব বািং঱া বই ও ঴ফটওয়যার
 http://tanbircox.blogspot.com/2013/04/Complete-Solution-of-your-Education.html
[যমাট নতিটা নিনভনি, ঴াইে ১৩.৫ নেনব]Genuine Windows XP Service Pack 3 ,

Windows 7 -64 & 32 bit & Driver Pack Solution 13 এর ঴াহে রহয়হে উইহন্িাহের েন্য প্রহয়ােিীয় বািং঱া বই ও ঴ফটওয়যার
 http://tanbircox.blogspot.com/2013/07/All-Genuine-Windows-Collection.html
All MS Office, documents ,pdf reader & Pdf edit Software এবং প্রহয়ােিীয় ঴ব বািং঱া বই।
যয যকাি ধরহির িকুহমন্ট এনিট , কিভাটে ও নিোইি করার েন্য এই নিনভনি নট যহেষ্ট , এই নিনভনি যপহ঱ অনফ঴ ও িকুহমন্ট ঴িনকেত যয
যকাি কাহে অ঴াধয বহ঱ নকেু োকহব িা... আপিার অনফন঴য়া঱ কাহের েন্য প্রহয়ােিীয় ঴ফটওয়যাহরর ঴িূর্ে ও নচরিায়ী ঴মাধাি...
 http://tanbircox.blogspot.com/2013/07/office-documents-soft-dvd.html
: [ ঵হয় যাি য঴রা নিোইিার ] নিোইি ,গ্রানফক্স ও েনব এনিট ঴িনকেত প্রহয়ােিীয় ঴ব
বািং঱া ও ইিংন঱ল ই-বুক ,নটউহটানরয়া঱ ও ফু঱ ভা঴েি ঴ফটওয়যার। ওএ ই ও এ ই আ ক ই
http://tanbircox.blogspot.com/2013/07/All-Design-and-Graphics-Software.html
প্রহয়ােিীয় ঴ব বািং঱া ও ইিংন঱ল ই-বুক ,নটউহটানরয়া঱ ও ফু঱ ভা঴েি ঴ফটওয়যার।

 http://tanbircox.blogspot.com/2013/07/All-Internet-And-Web-programming-Software.html
A2Z Audio & Video player , Edito & converter . CD, DVD edit
ও উইহন্িাে যক সুন্দর যেখাহিার েন্য প্রহয়ােিীয় ঴ব ফু঱ ভা঴েি ঴ফটওয়যার।
 http://tanbircox.blogspot.com/2013/07/All-Multimedia-And-Windows-Style-Software.html
 http://tanbircox.blogspot.com/2013/07/mobile-software-hardware-dvd-5000.html
 http://tanbircox.blogspot.com/2013/07/A2Z-Bangla-ebooks-Collection.html
facebook :: - http://tanbircox.blogspot.com

WP-CSS by Tanbircox PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

WP-CSS by Tanbircox PDF

Uploaded by

Copyright:

Available Formats

Want more Updates  http://facebook.com/tanbir.

CSS টিউিটিয়াল (প্রাথটিক ধািণা ও সহজ একটি প্রজজক্ট)

facebook /gmail/skype: - http://tanbircox.blogspot.com

এ , <style type=‛text/css‛> “. </style> এ এ এ ক

facebook /gmail/skype: - http://tanbircox.blogspot.com

facebook /gmail/skype: - http://tanbircox.blogspot.com

এক ক HTML CSS ক <style type=‛text/css‛> “ </style>

facebook /gmail/skype: - http://tanbircox.blogspot.com

ব্যাগ্রাউন্ড টিক্সজিি টিজাইজন আনু ন নতুন িাত্রা

facebook /gmail/skype: - http://tanbircox.blogspot.com

<h1>CSS background-color example!</h1>

facebook /gmail/skype: - http://tanbircox.blogspot.com

Property Description Values CSS

facebook /gmail/skype: - http://tanbircox.blogspot.com

এব্াি আিিা টদখজব্া টলখাি টসৌন্দর্য ব্ৃ টিি ঩িটত

facebook /gmail/skype: - http://tanbircox.blogspot.com

width, padding, margin padding

facebook /gmail/skype: - http://tanbircox.blogspot.com

facebook /gmail/skype: - http://tanbircox.blogspot.com

<div class="info">Info message</div>

facebook /gmail/skype: - http://tanbircox.blogspot.com

১. িিয হযান্ড টকাটিিং

facebook /gmail/skype: - http://tanbircox.blogspot.com

facebook /gmail/skype: - http://tanbircox.blogspot.com

facebook /gmail/skype: - http://tanbircox.blogspot.com

h1, h2, h3, h4, h5, h6 {

facebook /gmail/skype: - http://tanbircox.blogspot.com

facebook /gmail/skype: - http://tanbircox.blogspot.com

এই ক ক ... শুধু একবার যচাখ বু঱াি

[যমাট নতিটা নিনভনি, ঴াইে ১৩.৫ নেনব]Genuine Windows XP Service Pack 3 ,

প্রহয়ােিীয় ঴ব বািং঱া ও ইিংন঱ল ই-বুক ,নটউহটানরয়া঱ ও ফু঱ ভা঴েি ঴ফটওয়যার।

You might also like