Html font color style: Атрибут color | htmlbook.ru

Leave a Comment / Html / By /

html — цвет шрифта не изменится

спросил

Изменено 1 год, 11 месяцев назад

Просмотрено 471 раз

Это мой HTML-код:

 

    <я>
     
Элитный дизайн
 
    
У нас есть все ваши любимые дизайны, которые вы не можете игнорировать.

А вот и CSS:

 #title .points p{
  цвет:#2F4F4F;
}

Я тоже применил это, но ничего не получилось:

 .points{
   цвет:#2F4F4F;
 }
  • html
  • css
  • цвета
  • интерфейс
1

вы можете попробовать добавить !важно к свойству цвета

следующим образом:

 .points{
   цвет:#2F4F4F !важно;
 }

также style="color:#2F4F4F" здесь не нужен

Это работало просто отлично, когда я пробовал. Тем не менее, вы можете попробовать использовать inspect elements , чтобы проверить, что происходит.

 <дел>
    <я>
     
Элитный дизайн
 
    
У нас есть все ваши любимые дизайны, которые вы не можете игнорировать.

Здесь вы использовали встроенный CSS, который может буквально переопределить любые другие стили, которые вы могли применить. Он должен работать нормально.

Хотя вы можете попробовать следующее во внутреннем/внешнем CSS:

 .points{
   цвет:#2F4F4F !важно;
 }

Использование !important заменит любой другой стиль, связанный с элементом. Если это тоже не работает, попробуйте очистить кэш браузера или использовать другой браузер, чтобы увидеть результат.

 Используйте это для встроенного стиля
     <дел>
        <я>
         
Элитный дизайн
 
        
У нас есть все ваши любимые дизайны, которые вы не можете игнорировать.

ИЛИ используйте ниже для внешнего оформления

 п. пойнтов{
  цвет:#2F4F4F !важно;
}
или
.точки{
  цвет:#2F4F4F !важно;
}

Правило ‘!important’ в CSS используется для повышения важности свойства/значения, чем обычно

 p.points{
  цвет:#2F4F4F !важно;
}

Используйте !important с вашим кодом, потому что вы использовали встроенный CSS. !important поможет переопределить ваш встроенный CSS.

1

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

Цвет текста CSS и HTML | Изменение свойства цвета

Поиск

Каскадные таблицы стилей (CSS) являются предпочтительным методом изменения цвета текста, поэтому сначала мы покажем (архивный) метод изменения цвета текста с помощью встроенных цветовых кодов HTML, затем мы продолжим как добиться такого же эффекта с помощью CSS.

Использование кодов цвета текста (шестнадцатеричных)

Чтобы изменить цвет текста, вам понадобятся две вещи:

1. Команда для изменения текста.
2. Код цвета (шестнадцатеричный).

Цветовые коды, как я упоминал выше, технически называются шестнадцатеричными кодами . Коды не очень удобны для пользователя, поэтому вам понадобится диаграмма, чтобы сказать вам, какой код соответствует цвету. Ну, у меня есть один прямо здесь: Нажмите, чтобы перейти.

Итак, вам нужен цветовой код, а?

Загляните, возьмите упаковку из шести цветов и возвращайтесь.

Старая школа: изменение цвета текста на всей странице

У вас есть возможность изменить цвет текста на всю страницу на четырех уровнях:

— обозначает полный -цвет текста страницы.

— обозначает цвет ссылок на вашей странице.

— обозначает цвет, которым ссылка будет мигать при нажатии.

— обозначает цвета ссылок после их посещения.

Эти команды идут сразу после команд. Опять же, в этом положении они влияют на все на странице. <strong> Кроме того… </strong> поместите их все вместе в одну команду вместе с любыми фоновыми командами. Примерно так:</p><p> < BODY BGCOLOR="######" TEXT="######" LINK="######" VLINK="######"></p><p> <strong> Обратите внимание: </strong> Когда вы пишете эти коды, вы можете писать их со знаком # перед шестнадцатеричным кодом или без него.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/pbs.twimg.com/media/DvOQs2gXgAAImWb.jpg' /><noscript><img loading='lazy' src='/800/600/https/pbs.twimg.com/media/DvOQs2gXgAAImWb.jpg' /></noscript> Раньше требовался символ, но не больше. Я до сих пор использую его только потому, что я начал таким образом. Вы можете просто использовать шестизначный код. Также обязательно ставьте пробел между каждой командой и обязательно заключайте ее в кавычки, например:</p><p> <strong> <VLINK="#FFFFFF"> </strong></p><h3><span class="ez-toc-section" id="i-9"> Старая школа: изменение цвета определенного слова </span></h3><p> Но я хочу изменить цвет только одного слова</p><p> !</p><p> <strong> Вы будете использовать цветовой (шестнадцатеричный) код, чтобы добиться цели. Следуйте этой формуле: </strong></p><p> <FONT COLOR="######">текст текст текст текст текст текст</FONT></p><p> Это боль сами знаете где, но она выполняет свою работу. Он работает со всеми командами H и командами размера текста. В принципе, если это текст, это сработает.</p><h3><span class="ez-toc-section" id="_CSS"> Использование каскадных таблиц стилей (CSS) для изменения цвета текста </span></h3><p> В этой статье недостаточно места, чтобы полностью описать возможности CSS, но у нас есть несколько статей, которые помогут вам быстро освоиться! Отличный учебник по использованию CSS для изменения свойств цвета можно найти в этой статье Винсента Райта.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/stuyhsdesign.files.wordpress.com/2015/10/multiple-one1.png' /><noscript><img loading='lazy' src='/800/600/https/stuyhsdesign.files.wordpress.com/2015/10/multiple-one1.png' /></noscript></p><p> Краткое введение в CSS, так что давайте немного его опишем. CSS используется для определения различных элементов на вашей веб-странице. К этим элементам относятся цвета текста, цвета ссылок, фон страницы, таблицы, формы — почти все аспекты стиля веб-страницы. Вы можете использовать встроенный CSS, как HTML выше, или вы можете, что более предпочтительно, включить таблицу стилей в теги HEAD на вашей странице, как в этом примере:0005<pre><center><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1812626643144578" data-ad-slot="3076124593" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> </pre><p> В качестве альтернативы вы можете включить CSS, который находится между тегами STYLE выше, и сохранить его в файле, который вы могли бы назвать «basic.css», который будет помещен в корневой каталог вашего Веб-сайт.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/www.wikihow.com/images/c/ca/Change-a-Webpage-Text-Font-and-Color-Using-CSS-Step-4.jpg' /><noscript><img loading='lazy' src='/800/600/https/www.wikihow.com/images/c/ca/Change-a-Webpage-Text-Font-and-Color-Using-CSS-Step-4.jpg' /></noscript></div></div></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/hudozhnik-nuzhen-illyustrator-rabota-dlya-illyustratorov.html" rel="prev">Художник нужен иллюстратор: Работа для иллюстраторов</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/kopirajter-rabota-v-internete-rabota-kopirajterom-udalenno-na-domu-na-birzhe-frilansa.html" rel="next">Копирайтер работа в интернете: ⭐Работа копирайтером удаленно на дому на бирже фриланса</a></div></div></nav><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html/html-font-color-style-atribut-color-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--90abhccf7b.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='78473' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div><div id="sidebar-primary" class="widget-area sidebar " role="complementary"><div class="sidebar-main"><div id="yandex_rtb_R-A-744004-7" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript"> window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo: "yandex_rtb_R-A-744004-7",blockId: "R-A-744004-7",pageNumber: 11,onError: (data) => { var g = document.createElement("ins"); g.className = "adsbygoogle"; g.style.display = "inline"; g.style.width = "300px"; g.style.height = "600px"; g.setAttribute("data-ad-slot", "9935184599"); g.setAttribute("data-ad-client", "ca-pub-1812626643144578"); g.setAttribute("data-alternate-ad-url", "https://chajnov.ru/back.php"); document.getElementById("yandex_rtb_[rtbBlock]").appendChild(g); (adsbygoogle = window.adsbygoogle || []).push({}); }})}); window.addEventListener("load", () => { var ins = document.getElementById("yandex_rtb_R-A-744004-7"); if (ins.clientHeight == "0") { ins.innerHTML = stroke2; } }, true); </script><section id="search-2" class="widget widget_search"><div class="zita-widget-content"><form role="search" method="get" id="searchform" action="https://xn--90abhccf7b.xn--p1ai/"><div class="form-content"> <input type="text" placeholder="search.." name="s" id="s" value=""/> <input type="submit" value="Search" /></div></form></div></section><section id="nav_menu-4" class="widget widget_nav_menu"><div class="zita-widget-content"><h2 class="widget-title">Рубрики</h2><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-19021" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19021"><a href="https://xn--90abhccf7b.xn--p1ai/category/css">Css</a></li><li id="menu-item-19022" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-19022"><a href="https://xn--90abhccf7b.xn--p1ai/category/html">Html</a></li><li id="menu-item-19023" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19023"><a href="https://xn--90abhccf7b.xn--p1ai/category/js">Js</a></li><li id="menu-item-19024" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19024"><a href="https://xn--90abhccf7b.xn--p1ai/category/adaptiv">Адаптивный сайт</a></li><li id="menu-item-19025" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19025"><a href="https://xn--90abhccf7b.xn--p1ai/category/verstk">Верстка</a></li><li id="menu-item-19026" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19026"><a href="https://xn--90abhccf7b.xn--p1ai/category/idei">Идеи</a></li><li id="menu-item-19028" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19028"><a href="https://xn--90abhccf7b.xn--p1ai/category/chego-nachat">С чего начать</a></li><li id="menu-item-19029" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19029"><a href="https://xn--90abhccf7b.xn--p1ai/category/sovety">Советы</a></li><li id="menu-item-19031" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19031"><a href="https://xn--90abhccf7b.xn--p1ai/category/shablon">Шаблоны</a></li><li id="menu-item-19027" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19027"><a href="https://xn--90abhccf7b.xn--p1ai/category/raznoe">Разное</a></li></ul></div></div></section></div></div></div></div><footer id="zita-footer"><div class="footer-wrap widget-area"><div class="bottom-footer"><div class="bottom-footer-bar ft-btm-one"><div class="container"><div class="bottom-footer-container"> © Компания <a href="http://вебджем.рф"> Вебджем.рф </a> 2009 - 2024 | Все права защищены.</a></div></div></div></div></div></footer> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize --> <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> <!-- /noptimize --> <script defer src="https://xn--90abhccf7b.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_b4a02ea7ab06cfcb8e144b512c939c55.js"></script></body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="1e00b1ab9deca9176f188eb5-|49" defer></script>