Задать вопрос
@andreystrelkov
html

Как вставить непосредственно CSS в код HTML?

На данном проекте jsfiddle.net/vjNpj/2060 можно ли как нибудь код CSS вставить непосредственно в текст HTML-а, чтобы не подключать файлы стилей

Если да, то как это всё будет выглядеть?
  • Вопрос задан
  • 3137 просмотров
1 комментарий
Подписаться 1 Оценить 1 комментарий
Решения вопроса 1
vladimir1987
@vladimir1987
))) 
<div id="progressbar">
      <div></div>
    </div>
<style type="text/css">
   #progressbar {
      background-color: black;
      border-radius: 13px; /* (height of inner div) / 2 + padding */
      padding: 3px;
    }
    
    #progressbar > div {
       background-color: orange;
       width: 40%; /* Adjust with JavaScript */
       height: 20px;
       border-radius: 10px;
    } 
</style>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@krypt3r
говно-"кодинг" сплошной. Даже стили не могут нормально прописать =/
Ответ написан
Комментировать
Комментировать
Eugene_Sh
@Eugene_Sh
В html - jsfiddle.net/vjNpj/3916

Внутри тега - jsfiddle.net/vjNpj/3917
Ответ написан
Комментировать
Комментировать
@Billy_Milligan
А почему не хотите подключать стили файлом? если не секрет)

<!DOCTYPE html>
<html>
    <head>
        <style>
            #progressbar {
              background-color: black;
              border-radius: 13px; /* (height of inner div) / 2 + padding */
              padding: 3px;
            }
    
            #progressbar > div {
               background-color: orange;
               width: 40%; /* Adjust with JavaScript */
               height: 20px;
               border-radius: 10px;
            }
        </style>
    </head>

    <body>
        <div id="progressbar">
            <div></div>
        </div>
    </body>
</html>


или

<div style="background-color: black; border-radius: 13px; padding: 3px;">
      <div style="background-color: orange; width: 40%; height: 20px; border-radius: 10px;"></div>
    </div>
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы