CSS ﯽﻓﺮﻌﻣ


فهرست مطالب

    نمایش فهرست مطالب


CSS ﻢﯿﻨﮐ ﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ ﺏﻭ ﻪﺤﻔﺻ ﮏﯾ ﻪﺑ ﻥﺩﺍﺩ ﻞﯾﺎﺘﺳﺍ ﯼﺍﺮﺑ ﺎﻣ ﻪﮐ ﺖﺳﺍ ﯽﻧﺎﺑﺯ.


CSS ؟ﺖﺴﯿﭼ

  • CSS ﺕﺭﺎﺒﻋ ﻒﻔﺨﻣ Cascading Style Sheets ﺖﺳﺍ

  • CSS ﺮﺻﺎﻨﻋ ﻪﻧﻮﮕﭼ ﻪﮐ ﺪﻫﺩ ﯽﻣ ﺢﯿﺿﻮﺗ HTML ﺪﻧﻮﺷ ﻩﺩﺍﺩ ﺶﯾﺎﻤﻧ ﻪﺤﻔﺻ ﯼﻭﺭ ﺪﯾﺎﺑ،

  • CSS ﺪﻨﮐ ﻝﺮﺘﻨﮐ ﺍﺭ ﯼﺪﻨﺑ ﺡﺮﻃ ﺪﻧﺍﻮﺗ ﯽﻣ ﻦﯾﺍ .ﺪﻨﮐ ﯽﻣ ﻩﺮﯿﺧﺫ ﺍﺭ ﺭﺎﮐ ﺯﺍ ﯼﺩﺎﯾﺯ ﺭﺍﺪﻘﻣ

  • ﺪﻧﻮﺷ ﯽﻣ ﻩﺮﯿﺧﺫ CSS ﯼﺎﻫ ﻞﯾﺎﻓ ﺭﺩ ﯽﺟﺭﺎﺧ ﯼﺎﻫ ﻪﻣﺎﻧ ﻩﻮﯿﺷ


!ﮏﺒﺳ ﺪﻨﭼ - HTML ﻪﺤﻔﺻ ﮏﯾ - CSS ﯽﺸﯾﺎﻤﻧ ﯼ ﻪﺨﺴﻧ

.ﺩﻮﺷ ﯽﻣ ﻩﺩﺍﺩ ﺶﯾﺎﻤﻧ ﻒﻠﺘﺨﻣ ﻪﻣﺎﻧ ﻩﻮﯿﺷ ﺭﺎﻬﭼ ﺎﺑ ﻪﮐ ﺩﺍﺩ ﻢﯿﻫﺍﻮﺧ ﻥﺎﺸﻧ ﺍﺭ HTML ﻪﺤﻔﺻ ﮏﯾ



؟ﻢﯿﻨﮐ ﻩﺩﺎﻔﺘﺳﺍ CSS ﺯﺍ ﺍﺮﭼ

CSS ﮏﺒﺳ ﻒﯾﺮﻌﺗ ﯼﺍﺮﺑﺡﺮﻃ ،ﯽﺣﺍﺮﻃ ﻪﻠﻤﺟ ﺯﺍ ﺎﻤﺷ ﺏﻭ ﺕﺎﺤﻔﺻ ﯼﺍﺮﺑ ﺎﻫﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ

CSS ﻝﺎﺜﻣ

body
{
  background-color: lightblue;
}

h1
{
  color: white;
  text-align: center;
}

p
{
   
font-family: verdana;
  font-size: 20px;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>

<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>

</body>
</html>



CSS ﺩﺮﮐ ﻞﺣ ﺍﺭ ﮒﺭﺰﺑ ﻞﮑﺸﻣ ﮏﯾ

HTML ﺪﺷﺎﺑ ﺏﻭ ﻪﺤﻔﺻ ﮏﯾ ﯼﺪﻨﺑ ﺐﻟﺎﻗ ﯼﺍﺮﺑ ﯽﯾﺎﻫ ﺐﺴﭼﺮﺑ ﯼﻭﺎﺣ ﻪﮐ ﺩﻮﺑ ﻩﺪﺸﻧ ﻪﺘﻓﺮﮔ ﺮﻈﻧ ﺭﺩ ﺰ

HTML ﺩﻮﺑ

<h1>ﺖﺳﺍ ﻥﺍﻮﻨﻋ ﮏﯾ ﻦﯾﺍ</h1>

<p>ﺖﺳﺍ ﻑﺍﺮﮔﺍﺭﺎﭘ ﮏﯾ ﻦﯾﺍ.</p>

ﺪﻧﺪﺷ ﻪﻓﺎﺿﺍ HTML 3.2 ﻪﺑ ﮓﻧﺭ ﯼﺎﻫ ﯽﮔﮋﯾﻭ ﻭ ﺪﻨﻧﺎﻣ ﯽﯾﺎﻫ ﺐﺴﭼﺮﺑ ﻪﮐ ﯽﻣﺎﮕﻨﻫ

.ﺩﺮﮐ ﺩﺎﺠﯾﺍ ﺍﺭ CSS (W3C) ﯽﻧﺎﻬﺟ ﺏﻭ ﻡﻮﯿﺳﺮﺴﻨﮐ ،ﻞﮑﺸﻣ ﻦﯾﺍ ﻞﺣ ﯼﺍﺮﺑ

CSS ﻪﺤﻔﺻ ﺯﺍ ﺍﺭ ﮏﺒﺳ ﯼﺪﻨﺑ ﺐﻟﺎﻗ HTML ﺩﺮﮐ ﻑﺬﺣ!

.ﺪﯿﻨﮐ ﻪﻌﻟﺎﻄﻣ ﺍﺭ ﺎﻣ HTML ﺵﺯﻮﻣﺁ ﻢﯿﻨﮐ ﯽﻣ ﺩﺎﻬﻨﺸﯿﭘ ،ﺖﺴﯿﭼ HTML ﺪﯿﻧﺍﺩ ﯽﻤﻧ ﺮﮔﺍ


CSS ﺪﻨﮐ ﯽﻣ ﻩﺮﯿﺧﺫ ﺍﺭ ﺭﺎﮐ ﺯﺍ ﯼﺩﺎﯾﺯ ﺭﺍﺪﻘﻣ!

.ﺪﻧﻮﺷﯽﻣ ﻩﺮﯿﺧﺫ ﯽﺟﺭﺎﺧ css ﯼﺎﻫﻞﯾﺎﻓ ﺭﺩ ﻻًﻮﻤﻌﻣ ﮏﺒﺳ ﻒﯾﺭﺎﻌﺗ

!ﺪﯿﻫﺩ ﺮﯿﯿﻐﺗ ﻞﯾﺎﻓ ﮏﯾ ﺎﻬﻨﺗ ﺮﯿﯿﻐﺗ ﺎﺑ ﺍﺭ ﺖﯾﺎﺳ ﺏﻭ ﮏﯾ ﻞﮐ ﺮﻫﺎﻇ ﺪﯿﻧﺍﻮﺗ ﯽﻣ ،ﯽﺟﺭﺎﺧ ﻪﻣﺎﻧ