جستجو برای:
سبد خرید 0
  • مداد سبز
  • دوره های آموزشی
    • آموزش برنامه نویسی
    • آموزش پایتون
    • آموزش PHP
    • آموزش متلب
    • آموزش SQl
    • آموزش سالیدیتی
    • آموزش Asp.net core
    • آموزش ++C
    • آموزش vue js
    • آموزش جاوا
  • وبلاگ
    • مقالات آموزش برنامه نویسی
    • مقالات پایتون
    • مقالات PHP
    • مقالات آموزش جاوا اسکریپت
    • مقالات آموزش فلاتر
    • مقالات کسب درآمد
  • داستان مداد سبز
  • تماس با مداد سبز
  • تدریس در مداد سبز
  • 09920882904
  • info@medadsabz.com
0
مداد سبز
  • مداد سبز
  • دوره های آموزشی
    • آموزش برنامه نویسی
    • آموزش پایتون
    • آموزش PHP
    • آموزش متلب
    • آموزش SQl
    • آموزش سالیدیتی
    • آموزش Asp.net core
    • آموزش ++C
    • آموزش vue js
    • آموزش جاوا
  • وبلاگ
    • مقالات آموزش برنامه نویسی
    • مقالات پایتون
    • مقالات PHP
    • مقالات آموزش جاوا اسکریپت
    • مقالات آموزش فلاتر
    • مقالات کسب درآمد
  • داستان مداد سبز
  • تماس با مداد سبز
  • تدریس در مداد سبز
آخرین اطلاعیه ها
جهت نمایش اطلاعیه باید وارد سایت شوید
ورود / عضویت

کد css برای تغییر رنگ متن + نکات کلیدی و کد های مهم

2022-07-16
ارسال شده توسط support
برنامه نویسی، CSS
کد css برای تغییر رنگ متن | مداد سبز

آشنایی با کد css برای تغییر رنگ متن، باعث می‌شود تا شما با تغییر و بهبود استایل صفحات وب سایت خود بتوانید جذابیت آن را افزایش دهید. تغییر رنگ متن در css فرایند پیچیده‌ای نیست و پلتفرم آموزش آنلاین مداد سبز می‌تواند اطلاعات کافی راجع به آن را به شما بدهد. یکی از مسائل مهم در مجموعه آموزش برنامه‌نویسی، آشنایی با کد css برای تغییر رنگ متن است. خوشبختانه مجموعه مقالات آموزش css مجموعه آموزشی ما منبعی کامل است و مجموعه آموزش css را به طور کامل مورد بررسی قرار داده است. اگر هم به دنبال منبعی کامل از آموزش های برنامه نویسی هستید حتما از آموزش برنامه نویسی مداد سبز استفاده کنید.

کد css برای تغییر رنگ متن - مداد سبز

ممکن این سؤال برای شما ایجاد شده باشد که تغییر رنگ متن در css چگونه است؟ یا  کد color property در css چیست؟ برای پاسخ دادن به این سؤالات و برای تسلط بر کد css برای تغییر رنگ متن پیشنهاد می‌کنیم این مطلب را تا انتها مطالعه کنید و تغییر رنگ متن در css را یاد بگیرید. بدین ترتیب می‌توانیم با ارائه کردن نمونه کد css برای تغییر رنگ نوشته و متن شیوه استفاده از کد‌نویسی css برای تغییر رنگ متن را به شما آموزش داده و کد color property در css را به طور کامل به شما معرفی کنیم. برای مطالعه مقالات بیشتر در حوزه برنامه نویسی میتوانید از قسمت مقالات آموزش برنامه نویسی استفاده کنید.

css چیست؟

اگر از خود می پرسید که css چیست باید بگوییم که سی اس اس (css) یک زبان طراحی صفحات وب است که برای ایجاد و ساخت مشخصات ظاهری اسناد و اطلاعات وب سایت استفاده می‌شود. css مخفف عبارت Cascading Style Sheet بوده و یکی از رایج‌ترین و محبوب‌ترین ابزار‌ها برای طراحی وب سایت است. Css توسط زبان HTML یا XHTML نوشته می‌شود و قابلیت پشتیبانی از زبان‌های اسکریپت دیگری از جمله plain، SVG، XML و XUL را دارا می‌باشد. شما می‌توانید با استفاده از css در کدنویسی تغییراتی را در رنگ، فونت، تصاویر پس زمینه و به طور کلی استایل سایت خود ایجاد کنید.

مطالعه مقاله
کاربرد پایتون در بازار مالی + ۹ کاربرد معاملات الگوریتمی پایتون

css چیست - مداد سبز

color property در css

برای تغییر رنگ متن در css ، باید از دستور color استفاده کنید. تغییر رنگ متن با استفاده از کد css با وارد کردن کدهای اچ تی ام ال (HTML) زیر در ویرایشگر متن انجام می‌شود.

<!DOCTYPE html>

<html> 

   <head>

       <meta charset=\”utf-8\”>

       <title>Netshahr</title>

       <link type=\”text/css\” rel=\”stylesheet\” href=\”css/main.css\”>

   </head> 

   <body data-rsssl=1>

       <p>This is a paragraph.</p>

   </body>

</html>

همچنین برای اینکه بتوانید رنگ پاراگراف خود را در داخل تگ body تغییر دهید می‌توانید از کدهای سی اس اس (Css) زیر استفاده کنید.

P {

   color:red;

}

کاربرد color property در css

صفحه وب سایت شما می‌تواند توسط عاملی اساسی و اصلی به نام رنگ، چشم نواز شود. منظور از تعیین رنگ استفاده از ویژگی‌هایی برای مشخص کردن رنگ‌های صفحه و محتویات درون آن است. بدین ترتیب با تغییر رنگ صفحات، جذابیت فضای وب را افزایش داده و علاوه بر رعایت اصول هارمونی، می‌توانیم مدت زمان ماندگاری مخاطب در وب سایت خود را به طرز قابل توجهی بالا ببریم.

کاربرد color property در css -مداد سبز

توسط خاصیت color می‌توان رنگ متن را در یک تگ HTML تعیین کرد و یکی از کاربرد‌های color property در css ترکیب کردن یک رنگ پس زمینه مناسب با یک رنگ متن مناسب است تا بدین وسیله بتوان در خروجی مرورگر، راحت‌تر متن را مطالعه کرد.

مقدار color name در css

در css رنگ‌ها با روش‌های متنوعی مقدار دهی می‌شوند. اما به طور کلی برای به کار بردن هرکدام از رنگ‌های زیر، از کد‌های رو به رو آن‌ها استفاده می‌شود. در این بخش پر استفاده ترین کد css برای تغییر رنگ متن را معرفی می‌کنیم:

مقدار color name در css - مداد سبز

کد رنگ نارنجی یا Orange در css: #FFA500

کد رنگ گوجه‌ای یا Tomato در css: #FF6347

کد رنگ سبز دریایی درجه متوسط یا MediumSeaGreen در css: #3CB371

کد رنگ آبی میانه یا DodgerBlue در css: #1E90FF

کد رنگ ورقه سنگ آبی یا SlateBlue در css: #6A5ACD

کد رنگ طوسی یا Gray در css: #808080

کد رنگ طوسی کم‌رنگ یا Lightgray در css: #778899

کد رنگ بنفش یا Violet در css: #EE82EE

مقادیر تغییر رنگ در css

برای تعیین کردن رنگی خاص برای متن یا محتوای متنی می‌توان خاصیت color را با مقدار color در یک تگ HTML برابر قرار داد. این رنگ می‌تواند هرکدام از رنگ‌های رایج rgb ،HSL، هگزادسیمال و… باشد. در غیر این صورت مقادیری که می‌توانند در Property در نظر گرفته شوند رنگ‌های از پیش تعریف شده در سی اس اس از جمله blue ،red و… هستند. برای اینکه بتوانید تأثیر کد‌های سی اس اس (css) را مشاهده کنید می‌توانید پس از اعمال تغییرات مورد نظر، فایل خود را در داخل مرورگر به اجرا در‌آورید.

مطالعه مقاله
آموزش راست چين كردن قالب html

مقدار HEX در css

در طراحی صفحات وب، بیشتر رنگ‌ها تعریف شده توسط کد رنگ HEX هستند. این کد رنگ تشکیل شده از ۶ رقم است. ۲ رقم اول باعث تعیین مقدار رنگ قرمز، ۲ رقم دوم باعث تعیین مقدار رنگ سبز و ۲ رقم آخر باعث تعیین مقدار رنگ آبی می‌شوند. در این کد رنگ، اعداد مبنای ۱۶ استفاده می‌شوند که می‌توانند از ۰۰ تا FF باشند و با کم و زیاد کردن آن‌ها یک رنگ جدید ایجاد می‌شود. بر اساس محاسبات انجام شده استفاده از کد رنگ Hex باعث ایجاد بیش از ۱۶میلیون رنگ می‌شود. با جستجو کردن عبارت color picker در گوگل می‌توان برای دریافت کد رنگ HEX، جعبه انتخاب رنگ گوگل را مورد استفاده قرار داد.

مقدار RGB در css

نحوه عملکرد کد رنگ RGB به کد رنگ HEX شباهت زیادی دارد و میان آن‌ها تنها یک تفاوت وجود دارد. در کد رنگ RGB اعداد مبنای ۱۰ جایگزین اعداد مبنای ۱۶ شده‌اند و بر این اساس می‌توان به هر رنگ یک عدد را از صفر تا ۲۵۵ اختصاص داد. سیستم RGB در CSS به صورت یک تابع طراحی شده است و با دریافت سه پارامتر مقادیر رنگ‌ها را تعیین می‌کند. به طوری که پارامتر اول مقدار رنگ قرمز، پارامتر دوم مقدار رنگ سبز و پارامتر سوم مقدار رنگ آبی را مشخص می‌کند. هر رنگ انتخابی در color picker‌های مختلف با مشخص کردن مقدار RGB باعث می‌شود تا بتوان از آن استفاده کرد.

مقدار RGB در css | مداد سبز

نمونه کد css برای تغییر رنگ متن

آشنایی با نمونه کد css برای تغییر رنگ نوشته و متن می‌تواند در تفهمیم این مطالب و افزایش قدرت یادگیری شما مؤثر باشد. بنابراین پیشنهاد می‌کنیم نمونه کد زیر را بررسی کرده و آن را برای تمرین کردن مورد استفاده قرار دهید. برای اعمال تغییرات رنگ متن بر روی نمونه کد زیر می‌توانید از ویژگی color استفاده کرده و رنگ دلخواه خود (برای مثال قرمز) را برای متن مشخص کنید. بدین ترتیب تمام متن‌های نوشته شده با تگ p با این رنگ مشخص می‌شوند.

<!doctype html>

<html>

<head>

    <style>

        h1 {background-color:purple;}

         p {color:red;}

    </style>

</head>

<body dir=”rtl”>

    <h1>مجموعه آموزشی مداد سبز </h1>

    <p>به وب سایت ما وارد شدید، یک مجموعه آموزش برنامه‌نویسی هستیم.</p>

    <h2>شما یکی از قسمت‌های آموزش را مشاهده می‌کنید.</h2>

    <p>امکان تغییر این متن در ویرایشگر شما وجود دارد.</p>

</body>

</html>

سخن پایانی

در این مقاله کاربرد کد css برای تغییر رنگ متن را به طور کامل بررسی کردیم و تغییر رنگ متن در css را به شما آموزش دادیم و این مقاله پاسخ کاملی برای سؤال چطور با css رنگ متن را تغییر بدیم؟ محسوب می‌شود. شما می‌توانید به طور کامل با استفاده از کد‌ css برای تغییر رنگ متن آشنا شوید و بر کد color property در css مسلط شوید. بدون شک یادگیری این زبان در برنامه‌نویسی از اهمیت بالایی برخوردار بوده و کاربرد بسیار زیادی دارد. بنابراین پیشنهاد می‌کنیم در این زمینه به تسلط کافی برسید و رنگ متن و استایل صفحات وب خود را بر اساس سلیقه شخصی خود تغییر دهید. بدون شک استفاده از تغییر رنگ متن در css انتخاب بسیار مناسبی برای افزایش جلوه‌های بصری صفحات وب سایت است و می‌تواند جذابیت آن را به طرز قابل توجهی افزایش دهید.

قبلی کاربرد پایتون در هک و امنیت | 9 کاربردی که به آن نیاز دارید!
بعدی فلاتر چیست؟ | از یادگیری تا کسب درآمد 0 تا 100 با فلاتر

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
دسته‌ها
  • #C
  • ++C
  • CSS
  • HTML
  • PHP
  • SQL server
  • اندروید
  • برنامه نویسی
  • پایتون
  • جاوا
  • جاوا اسکریپت
  • دارت
  • دلفی
  • سوئیفت
  • فلاتر
  • متلب
  • وبلاگ
  • یادگیری ماشین
  • محبوب
  • جدید
  • دیدگاه ها

لوگو مدادسبز    مداد سبز

آکادمی مداد سبز از سال 1400 با همکاری اساتید با سابقه و کارشناسان مجرب آموزشی-مشاوره ای با هدف ارتقای کیفیت آموزش آنلاین در کشور جهت تربیت نیرو های متخصص، در حال فعالیت می باشد و در این راستا قصد دارد آموزش های آنلاین با کیفیت و مهارت محور را در زمینه های مختلف در اختیار دانشجویان قرار دهد.

دسترسی سریع
  • مداد سبز
  • داستان مداد سبز
  • تماس با مداد سبز
  • حریم خصوصی
  • شرایط بازگشت وجه
  • تدریس در مداد سبز

شبکه های اجتماعی

مجوز های مداد سبز

اینماد
logo-samandehi
تمامی حقوق سایت متعلق به پلتفرم آموزش آنلاین مداد سبز می باشد.
اشتراک گذاری در شبکه های اجتماعی
ارسال به ایمیل
https://medadsabz.com/?p=15816
ورود ×
کد تایید
لطفاً کد تأیید ارسال شده به را تایپ کنید
ثبت
ورود با گذرواژه یکبار مصرف
ارسال مجدد گذرواژه یکبار مصرف(00:180)
آیا حساب کاربری ندارید؟
ثبت نام

ارسال مجدد گذرواژه یکبار مصرف (00:180)
بازگشت به ورود
  • (+93) Afghanistan
  • (+355) Albania
  • (+213) Algeria
  • (+1) American Samoa
  • (+376) Andorra
  • (+244) Angola
  • (+1) Anguilla
  • (+1) Antigua
  • (+54) Argentina
  • (+374) Armenia
  • (+297) Aruba
  • (+61) Australia
  • (+43) Austria
  • (+994) Azerbaijan
  • (+973) Bahrain
  • (+880) Bangladesh
  • (+1) Barbados
  • (+375) Belarus
  • (+32) Belgium
  • (+501) Belize
  • (+229) Benin
  • (+1) Bermuda
  • (+975) Bhutan
  • (+591) Bolivia
  • (+599) Bonaire, Sint Eustatius and Saba
  • (+387) Bosnia and Herzegovina
  • (+267) Botswana
  • (+55) Brazil
  • (+246) British Indian Ocean Territory
  • (+1) British Virgin Islands
  • (+673) Brunei
  • (+359) Bulgaria
  • (+226) Burkina Faso
  • (+257) Burundi
  • (+855) Cambodia
  • (+237) Cameroon
  • (+1) Canada
  • (+238) Cape Verde
  • (+1) Cayman Islands
  • (+236) Central African Republic
  • (+235) Chad
  • (+56) Chile
  • (+86) China
  • (+57) Colombia
  • (+269) Comoros
  • (+682) Cook Islands
  • (+225) Côte d'Ivoire
  • (+506) Costa Rica
  • (+385) Croatia
  • (+53) Cuba
  • (+599) Curaçao
  • (+357) Cyprus
  • (+420) Czech Republic
  • (+243) Democratic Republic of the Congo
  • (+45) Denmark
  • (+253) Djibouti
  • (+1) Dominica
  • (+1) Dominican Republic
  • (+593) Ecuador
  • (+20) Egypt
  • (+503) El Salvador
  • (+240) Equatorial Guinea
  • (+291) Eritrea
  • (+372) Estonia
  • (+251) Ethiopia
  • (+500) Falkland Islands
  • (+298) Faroe Islands
  • (+691) Federated States of Micronesia
  • (+679) Fiji
  • (+358) Finland
  • (+33) France
  • (+594) French Guiana
  • (+689) French Polynesia
  • (+241) Gabon
  • (+995) Georgia
  • (+49) Germany
  • (+233) Ghana
  • (+350) Gibraltar
  • (+30) Greece
  • (+299) Greenland
  • (+1) Grenada
  • (+590) Guadeloupe
  • (+1) Guam
  • (+502) Guatemala
  • (+44) Guernsey
  • (+224) Guinea
  • (+245) Guinea-Bissau
  • (+592) Guyana
  • (+509) Haiti
  • (+504) Honduras
  • (+852) Hong Kong
  • (+36) Hungary
  • (+354) Iceland
  • (+91) India
  • (+62) Indonesia
  • (+98) Iran
  • (+964) Iraq
  • (+353) Ireland
  • (+44) Isle Of Man
  • (+972) Israel
  • (+39) Italy
  • (+1) Jamaica
  • (+81) Japan
  • (+44) Jersey
  • (+962) Jordan
  • (+7) Kazakhstan
  • (+254) Kenya
  • (+686) Kiribati
  • (+965) Kuwait
  • (+996) Kyrgyzstan
  • (+856) Laos
  • (+371) Latvia
  • (+961) Lebanon
  • (+266) Lesotho
  • (+231) Liberia
  • (+218) Libya
  • (+423) Liechtenstein
  • (+370) Lithuania
  • (+352) Luxembourg
  • (+853) Macau
  • (+389) Macedonia
  • (+261) Madagascar
  • (+265) Malawi
  • (+60) Malaysia
  • (+960) Maldives
  • (+223) Mali
  • (+356) Malta
  • (+692) Marshall Islands
  • (+596) Martinique
  • (+222) Mauritania
  • (+230) Mauritius
  • (+262) Mayotte
  • (+52) Mexico
  • (+373) Moldova
  • (+377) Monaco
  • (+976) Mongolia
  • (+382) Montenegro
  • (+1) Montserrat
  • (+212) Morocco
  • (+258) Mozambique
  • (+95) Myanmar
  • (+264) Namibia
  • (+674) Nauru
  • (+977) Nepal
  • (+31) Netherlands
  • (+687) New Caledonia
  • (+64) New Zealand
  • (+505) Nicaragua
  • (+227) Niger
  • (+234) Nigeria
  • (+683) Niue
  • (+672) Norfolk Island
  • (+850) North Korea
  • (+1) Northern Mariana Islands
  • (+47) Norway
  • (+968) Oman
  • (+92) Pakistan
  • (+680) Palau
  • (+970) Palestine
  • (+507) Panama
  • (+675) Papua New Guinea
  • (+595) Paraguay
  • (+51) Peru
  • (+63) Philippines
  • (+48) Poland
  • (+351) Portugal
  • (+1) Puerto Rico
  • (+974) Qatar
  • (+242) Republic of the Congo
  • (+40) Romania
  • (+262) Runion
  • (+7) Russia
  • (+250) Rwanda
  • (+290) Saint Helena
  • (+1) Saint Kitts and Nevis
  • (+508) Saint Pierre and Miquelon
  • (+1) Saint Vincent and the Grenadines
  • (+685) Samoa
  • (+378) San Marino
  • (+239) Sao Tome and Principe
  • (+966) Saudi Arabia
  • (+221) Senegal
  • (+381) Serbia
  • (+248) Seychelles
  • (+232) Sierra Leone
  • (+65) Singapore
  • (+1) Sint Maarten
  • (+421) Slovakia
  • (+386) Slovenia
  • (+677) Solomon Islands
  • (+252) Somalia
  • (+27) South Africa
  • (+82) South Korea
  • (+211) South Sudan
  • (+34) Spain
  • (+94) Sri Lanka
  • (+1) St. Lucia
  • (+249) Sudan
  • (+597) Suriname
  • (+268) Swaziland
  • (+46) Sweden
  • (+41) Switzerland
  • (+963) Syria
  • (+886) Taiwan
  • (+992) Tajikistan
  • (+255) Tanzania
  • (+66) Thailand
  • (+1) The Bahamas
  • (+220) The Gambia
  • (+670) Timor-Leste
  • (+228) Togo
  • (+690) Tokelau
  • (+676) Tonga
  • (+1) Trinidad and Tobago
  • (+216) Tunisia
  • (+90) Turkey
  • (+993) Turkmenistan
  • (+1) Turks and Caicos Islands
  • (+688) Tuvalu
  • (+1) U.S. Virgin Islands
  • (+256) Uganda
  • (+380) Ukraine
  • (+971) United Arab Emirates
  • (+44) United Kingdom
  • (+1) United States
  • (+598) Uruguay
  • (+998) Uzbekistan
  • (+678) Vanuatu
  • (+58) Venezuela
  • (+84) Vietnam
  • (+681) Wallis and Futuna
  • (+212) Western Sahara
  • (+967) Yemen
  • (+260) Zambia
  • (+263) Zimbabwe
مرورگر شما از HTML5 پشتیبانی نمی کند.